SEO工作时会常用到的HTML知识
在SEO工作中，需要的代码知识最多的是 HTML 标签，其实做SEO也就只需懂得 HTML 标签即可。网站中或许会碰到各式各样的程序、代码，你可以请专业高手帮忙或自己搜索答案，但你知道你要做什么是最重要的。
如果你想学了PHP、ASP等各种代码成为技术高手后再学SEO，那就是舍本逐末了。今天开始，我们介绍SEO需要的 HTML 标签，只要懂汉字的人，都能学会 HTML 标签。
开始吧——
如图所示：
图上划出的就是 HTML 标签。红色部分就是标题标签；蓝色部分就是关键词标签。
HTML 标签知识点：
1、HTML 标签被 < 和 > 符号包围。
2、这些包围的符号叫作尖括号。
3、HTML 标签是成对出现的。例如 和 。
4、位于起始标签和终止标签之间的文本是HTML元素的内容。
5、HTML 标签对大小写不敏感， 和 <TITLE> 的作用的相同的。</span></p><p id="1ccef8cb-b93f-4c8c-ab2d-ee7623940937" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="fdcff4e8-0ea9-47e5-a948-1d61e2879b2d" style="font-size:18px;margin:20px 0px;text-align:left;">完整的 HTML 标签加上标签之间的文本内容就构成一个 HTML 元素。</span></p><p id="e2fb9388-3b0f-4861-9255-05d6e3f94879" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="1449803a-fe9f-49ec-ae5b-646168a8df4c" style="font-size:18px;margin:20px 0px;text-align:left;">例子：<strong id="2e63a4e5-6ce9-4ee5-a250-d8f2c1a2d0b1" style="font-size:18px;margin:20px 0px;font-weight:700;"><b></b> 这是一对 HTML 标签，意思是，给文章加粗。</strong></span></p><p id="62cc1645-9465-4ebb-9c57-bc8419e12173" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="3fca9e75-1754-44fb-8b65-5dacb86e92cb" style="font-size:18px;margin:20px 0px;text-align:left;">这是一个 HTML 元素。</span><span id="e73d93b5-3b54-4f7e-b7d0-6883122dcd3c" style="font-size:18px;margin:20px 0px;text-align:left;"><b> 标签的作用是定义一个显示为粗体的 HTML 元素。</span><span id="ae4267cf-c178-4148-80e3-dfd1485eea87" style="font-size:18px;margin:20px 0px;text-align:left;">这个 HTML 元素由起始标签 <b> 开始。</span><span id="60960b56-ee64-46df-bf14-23c3db1991b2" style="font-size:18px;margin:20px 0px;text-align:left;">这个元素的内容是：我已被加粗。</span></p><p id="a679bb10-ff53-46e8-9458-b32a778bfd3f" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="8ba088bf-ec86-430d-8d57-ddf5487b6dc9" style="font-size:18px;margin:20px 0px;text-align:left;"></span></p><p id="6f10893a-9c10-4f21-899c-72f2297cd52b" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="5ae3c251-3c35-4fc3-a36b-33e2df7d62fc" style="font-size:18px;margin:20px 0px;text-align:left;">这个 HTML 元素由终止标签 </b> 结尾。</span><span id="5bc33163-f8b0-4e84-8b9e-932b0ed65092" style="font-size:18px;margin:20px 0px;text-align:left;">以下也是一个 HTML 元素：</span></p><p id="b212bdfe-9f88-4205-8afa-ebd21a009cae" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"></p><p id="b47a78ec-2976-4610-8757-72afb600b05e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="c73ad325-4133-46c4-9637-ee9036715c25" style="font-size:18px;margin:20px 0px;text-align:left;">注意：关于 HTML 标签，虽然目前是对大小写不敏感，如<strong id="7ec8f01e-ce12-428d-8e34-65ed961c0c90" style="font-size:18px;margin:20px 0px;font-weight:700;"><b> 和 <B> 的作用是相同的。</strong></span></p><p id="d14af87d-bcb9-4658-b046-b260a9689c2c" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="7cfdd711-1b49-478c-8f74-fbee6dd14680" style="font-size:18px;margin:20px 0px;text-align:left;">但万维网协会 (W3C) 的标准是：建议在 HTML 4 中使用小写标签，而在 XHTML（下一代 HTML）中，必须使用小写标签。所以尽量都用小写。</span></p><p id="ea727a2e-8b40-480b-b3dc-72ec775465c5" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="6474a4b5-f446-4795-a0e9-eab945784dbe" style="font-size:18px;margin:20px 0px;text-align:left;">以上</span><span id="20cfc48c-e59a-43da-999b-63c9f3138cd4" style="font-size:18px;margin:20px 0px;text-align:left;">指南中讲到过HTML标签入门，让新手可以轻松对HTML有一个大体了解。其实，HTML很简单，只是没有人引导，所以对着源代码大家都发晕。当然，现在开始不会了。</span></p><p id="3700e4ca-c9ac-4090-bd9d-982549ee9ea0" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="04743cda-4919-45f1-a4e5-bfe3deef6f18" style="font-size:18px;margin:20px 0px;text-align:left;"></span></p><p id="10484cf5-dae2-4914-847e-d65a8ee8689c" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="e30b7028-61ff-4aca-bf58-ef9ca6cc8e35" style="font-size:18px;margin:20px 0px;text-align:left;">以上标签的案例：</span></p><p id="c5c3ec65-db51-43d3-aea8-acd322b07ed4" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="a247d983-1de4-4fef-8d01-2e8f23ffa9bb" style="font-size:18px;margin:20px 0px;text-align:left;">PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"</span></p><p id="1a6deb89-b8de-4bc2-bd8d-6986d60e2ad7" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="ab74ea60-0bf0-43a2-b567-0a05856b0f2e" style="font-size:18px;margin:20px 0px;text-align:left;">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></span></p><p id="465c1c62-c7b1-4d54-ab84-645a098b6d6b" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="6e8e0362-b1e6-4d09-9ba1-f5ee9820bd36" style="font-size:18px;margin:20px 0px;font-weight:700;"><span id="52f81760-cd6b-4d07-86e7-ce0d16f2a447" style="font-size:18px;margin:20px 0px;text-align:left;"><h1>H1标签，定义文章标题，一个页面只要一个</h1></span></strong></p><p id="2e1fc0f9-6297-4b54-8267-c78ff7254407" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="4e2fe45e-a89b-47f9-bae8-2e9ea1687a26" style="font-size:18px;margin:20px 0px;font-weight:700;"><span id="72a7e3a3-4d31-4f57-a5dd-9ded9ad627f7" style="font-size:18px;margin:20px 0px;text-align:left;"><h2>H2标签，定义文章标题，一个页面只要一个</h2></span></strong></p><p id="eb67b87c-a5b2-4059-ba8c-bff9e8834f4d" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="6738a5a5-7783-4729-b653-3f783ba9daaf" style="font-size:18px;margin:20px 0px;font-weight:700;"><span id="a2d09ee2-14e1-4e51-97a3-a0d4371d2413" style="font-size:18px;margin:20px 0px;text-align:left;"><h3>H3标签，定义文章标题，只要要一个，或都不要</h3></span></strong></p><p id="3194cc66-9da3-4c7b-ad8e-dd6eb009980d" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="4f47d0ca-3785-47ec-8cf8-76d95edf0171" style="font-size:18px;margin:20px 0px;font-weight:700;"><span id="2585318f-9deb-49c4-9797-095f16620b93" style="font-size:18px;margin:20px 0px;text-align:left;"><b>b标签，定义本行文字加粗</b></span></strong></p><p id="f1536895-1651-49c3-b4a1-52cb7320c836" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="e3aa9c61-70e4-4dcd-ae04-a08a36aa5f3e" style="font-size:18px;margin:20px 0px;font-weight:700;"><span id="37a70e99-55dd-4808-afe4-93ce58516c51" style="font-size:18px;margin:20px 0px;text-align:left;"><p>p标签，定义一个段落</p></span></strong></p><p id="ff97a0e8-a8f4-4b1d-8e94-cecfa158ce78" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="a3f095f9-fd71-4f0d-a33b-83d4df37bd80" style="font-size:18px;margin:20px 0px;font-weight:700;"><span id="d091da78-12f8-41c2-8218-143268acc122" style="font-size:18px;margin:20px 0px;text-align:left;"><p>如果一个段落太长了，怎么换行呢？<br/>用br标签。本行之所以换到第二行，是因为前面用了一个br标签</p></span></strong></p><p id="11a907ad-400d-458a-913e-295b1439c1c2" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="71b70351-bbec-4eb3-9b21-266893c373c8" style="font-size:18px;margin:20px 0px;font-weight:700;"><span id="dfa08762-d147-44b5-8c12-82131c0cee1c" style="font-size:18px;margin:20px 0px;text-align:left;"><p>hr标签，定义一个水平线，如下：</p></span></strong></p><p id="ae1d6efe-bfe9-4dad-99d3-e2148728f381" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="1403368d-0d5f-438f-a986-416010a41069" style="font-size:18px;margin:20px 0px;text-align:left;">以上源代码放在记事本里，然后把记事本的文件名修改为1234.html，打开就可以看到效果。效果如：edu.seowhy.com/jiaoxue/1234.html</span></p><p id="574b5adf-98c3-4efe-a921-30bb7e340710" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="9106a417-167b-4793-a5ab-244c526e02b4" style="font-size:18px;margin:20px 0px;text-align:left;">请认真理解一下。Just So Easy！</span></p><p id="8c47ef19-a208-4cd6-a8c9-02a6e0361485" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="cb598df4-c250-44c5-b8cc-11d797ce5673" style="font-size:18px;margin:20px 0px;text-align:left;">1、H1-H6标签可以让文字变黑，但不要为了变黑而用H系列标签，变黑加粗请用<b></span></p><p id="e7d0c8dd-18c0-48d5-8b44-e6b8e7e6961b" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="383b3ec7-7b46-421f-a70f-fdce017b3258" style="font-size:18px;margin:20px 0px;text-align:left;">2、H系列标签，不可多用，一个页面2-3个即可。</span></p><p id="5f06ec34-bdd4-467c-8b01-30a2495be5a0" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="6d55c478-2039-4909-b26d-2b9756be73ab" style="font-size:18px;margin:20px 0px;text-align:left;">3、加黑标签往往用在关键词上，一个页面只要加一次即可。</span></p><p id="a2c468bb-75db-418d-8121-120db4f7e051" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><p id="e8e88ff7-dff7-4fba-962f-83838026628f" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><p id="cf680393-1956-4179-bdd1-2c6250431a95" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><p id="e69d79dd-aa40-4559-9d1d-77a2a3e810d6" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><p id="3b596d94-c747-4b0e-a752-c03258873255" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><p id="20440477-560d-4530-82c1-4e82d9b42352" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><p id="5bd3ed00-c03a-4254-87a4-e7d5bc2d5df3" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><p id="8a0d782f-0df5-4f7c-9ef4-4e491362bb8a" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="c66c3fe8-5e4b-4b1b-835e-c1e620ccb2db" style="font-size:18px;margin:20px 0px;font-weight:700;">大家平时学习时碰到的问题：</strong></p></p></p></p></p></p></p></p><p id="71b2b696-52b3-49a2-b93f-cf4480fdf9d2" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="576ea7ce-9ac7-4356-aee3-4e3091204ec6" style="font-size:18px;margin:20px 0px;text-align:left;">H1在哪里可以看到呢？</span></p><p id="bd588719-3891-47b2-8212-eb5305d14a01" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="f12136f0-a3d1-4137-ad51-2afe6a5432e8" style="font-size:18px;margin:20px 0px;text-align:left;">你点击这个页面www.seowhy.com/course/，点击右键—>查看源代码。然后 搜索 h1，你可以看到</span><span id="15eabe33-c5f0-42b6-bb70-569ae1d191df" style="font-size:18px;margin:20px 0px;text-align:left;"><h1></h1>这个标签。在<h1></h1>内的汉字，一般就是这个页面的标题（页面的标题或文章的标题）。</span></p><p id="033a016a-3a0b-4b57-9d71-361b139211e2" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><strong id="5bfe8d98-3321-4075-b063-dd77f665b833" style="font-size:18px;margin:20px 0px;font-weight:700;"><span id="12648c05-f3b8-48ba-bfc4-b09bd64f6f92" style="font-size:18px;margin:20px 0px;text-align:left;">H1、H2、H3分别代表什么意思呢？</span></strong></p><p id="ff3c0e96-20d8-43bc-a738-79e13a307a30" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="089645e6-f8af-4a46-8151-76487e241539" style="font-size:18px;margin:20px 0px;text-align:left;">可以简单说，他们代表页面上字体的大小，H1最大，H2次之。而与字体相应的是其所包含内容的重要性。最大的，最重要的。所以，我们要在H1里包含这个页面的关键词，让搜索引擎知道我们这个页面重要的内容是什么。</span></p><p id="5306e343-c89b-4cdc-8b7c-96150723aeb6" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="3d701110-9a7c-4c6c-9316-9c8230b626a3" style="font-size:18px;margin:20px 0px;text-align:left;"><strong id="790680cf-a209-442d-95d6-3a874205bbb1" style="font-size:18px;margin:20px 0px;font-weight:700;"><span id="ad2318eb-64bb-4ea3-b0df-eee05644c073" style="font-size:18px;margin:20px 0px;text-align:left;">我如何在页面上写入H1，H2，H3等等呢？</span></strong></span></p><p id="4205e67b-529c-4a42-b1d5-00e032ac97fb" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="e223dc60-9adb-458e-862c-1d5c20730b8f" style="font-size:18px;margin:20px 0px;text-align:left;">这个一般是程序自带的。也就是，如果你采用的开源的程序（什么是开源的程序），这个程序本身已经安排好了这些H标签。如果你是程序员，则在开发程序和网站时，要重复考虑上以上对SEO友好的H设置方式。</span></p><p id="2f5e3c14-37ca-4926-bbb2-94201d0e0471" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="5f14f74c-7080-4505-ab6e-78fd2540b384" style="font-size:18px;margin:20px 0px;text-align:left;">推荐学习HTML的地址：http://www.w3school.com.cn/html/</span></p><p id="717b28f9-77ae-4619-bbab-97c6dac1eacf" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="b75b6b62-d7e9-4498-9cc2-d908a8591cb2" style="font-size:18px;margin:20px 0px;text-align:left;"><span id="80bfffa4-6902-41e2-a4cd-89d3533ce506" style="font-size:18px;margin:20px 0px;text-align:left;">------- 来源：</span><span id="b261a78d-9727-48ff-a02c-b41b7307d651" style="font-size:18px;margin:20px 0px;text-align:left;">艾奇SEM</span><span id="d6b91b48-ddfa-4938-8e43-838cd617f7eb" style="font-size:18px;margin:20px 0px;text-align:left;"></span></span></p><p id="a3d809fb-ded0-49f8-8ed2-64e6a5debd0e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"></p><p id="29e1144a-9b1d-40e8-9ec1-66415c146b0e" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"></p><hr id="34bad5a5-aa68-45a3-986f-4e3adb926ffa" style="font-size:18px;margin:20px 0px;text-align:left;"></hr><p id="85db7b96-49b6-4101-a8dc-05a7f01f1491" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="e4954a52-b3bf-433c-9f5f-8e23112c288b" style="font-size:18px;margin:20px 0px;text-align:left;"><strong id="92d776ca-d090-48b8-9c70-9d4ef962eb5a" style="font-size:18px;margin:20px 0px;font-weight:700;">广视通广告，18年专注广播、电视、新媒体广告</strong></span></p><p id="a68232f2-cdf6-4101-9df6-4329713b16d9" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="5a3e8504-cc65-4205-bb07-b18f9d04a266" style="font-size:18px;margin:20px 0px;text-align:left;"><strong id="ce2e35e2-05b2-471b-9a53-c07bcdcdef09" style="font-size:18px;margin:20px 0px;font-weight:700;"><span id="09dac61a-9d39-49c8-be47-9e297211a9a0" style="font-size:18px;margin:20px 0px;text-align:left;">回复城市名+电台广告+邮箱号码，可获取当地电台最新广告报价！如：深圳电台广告+邮箱号码，即获得2016年深圳电台广播报价！</span></strong></span></p><p id="ae2871b1-8271-4e99-bc32-0e45c18dd915" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"><span id="72effeef-825b-40ca-a7a7-5ff81b54deb0" style="font-size:18px;margin:20px 0px;text-align:left;"><strong id="af2f6abd-7fef-4bd0-a5fc-1998cc4c1ca6" style="font-size:18px;margin:20px 0px;font-weight:700;">广告免费咨询热线：400-006-7125</strong></span></p><hr id="7d309542-84d5-48e7-bedc-c0703ba3fbf7" style="font-size:18px;margin:20px 0px;text-align:left;"></hr><p id="2745b196-13d4-482a-a06f-a754b74776cf" style="font-weight:400;text-align:left;line-height:1.667;margin:20px 0px;font-size:18px;"></p></body></html>
