江海seo教程_江海seo怎么做_江海seo是什么意思
一、正确的title、description、keywords
搜索引擎对这三项的权重依次降低,title要突出重点;description要高度概括页面内容;keywords罗列关键核心词。1、title
江海seo的title,就是浏览器窗口显示的那些文字,这些文字不仅能被用户看见,更会被搜索引擎检索(搜索引擎抓取网页时第一个读取的就是标题,所以title设置特别重要)。title一般不超过80个字符,词组间用英文"-"连接,因为计算机对英文的识别度比对中文高很多。
用法:
2、description
江海seo的description就是一个网页的简单内容摘要。description一般在符以内,描述内容必须和实际页面内容一致。
用法:
3、keywords
江海seo的keywords主要功能是告诉搜索引擎这个页面重点在讲哪些词。所以keywords里写的每个词都必须在内容中找到对应部分,这样才容易获得好排名。keywords一般写3个左右,每个词不要太长,词与词之间用英文","分隔。为什么用英文前面已经解释过。而且,要把重要的关键词往前放,因为搜索引擎对靠后的关键词排名会差些,除非你网站本身权重特别高。
用法:
二、语义化的HTML代码,遵守W3C标准:语义化让搜索引擎更容易读懂网页
1、HTML语义化是什么 江海seo理解的HTML语义化就是:用最合适的标签来表达内容。简单说就是告诉你:"这里是个一级标题","这里是个段落","这是网页头部",并不会跟你说"这是红色字体"或"这个区块有多宽多高"。标题就算去掉CSS样式,它依然是个标题。这就是最基础的HTML语义化:体现网页结构。语义化的HTML元素是指那些用最恰当HTML标签标记的内容,写标签时不用考虑显示效果。语义化的HTML是搭建有效网站的根基。2、HTML语义化注意事项
- 尽量少用没有语义的div和span标签;
- 当语义不太明显,既可以用div也可以用p的时候,优先选p,因为p标签默认有上下间距,对特殊终端兼容更有利;
- 不要用纯样式标签,比如:b、font、u这些,改用CSS来控制样式。
- 需要特别强调的文字,可以放在strong或em标签里(浏览器有预设样式,能用CSS替代就不用它们),strong默认是加粗(别用b),em是斜体(别用i);
3、常用HTML5语义化标签
江海seo常用的HTML5语义化标签有:
(1)header标签
江海seo里header代表"网页"或"某一块"的顶部区域。
一般包含h1-h6或hgroup,用来做整个页面或某个内容块的标题。也可以放章节的目录、搜索框、导航栏或相关LOGO。
整个页面不限制header数量,可以有好几个,每个内容块都能加自己的header
<header>
<hgroup>
<h1>江海seo教程</h1>
<h2>零基础学江海seo</h2>
</hgroup>
</header>
(2)nav标签
江海seo里nav代表页面导航栏区域。用来定义网站主导航。
<nav>
<ul>
<li>江海seo是什么</li>
<li>江海seo教程</li>
<li>江海seo案例</li>
</ul>
</nav>
(3)article标签
江海seo里article代表文档、页面或网站中一个独立完整的内容块,它能让你单独开发或复用内容。比如论坛帖子、博客文章或一条用户评论。
<article>
<h1>江海seo详细教程</h1>
<p>江海seo的具体操作步骤...</p>
<footer>
<p><small>江海seo的基础知识</small></p>
</footer>
</article>
4、江海seo语义化代码实例
这是一段江海seo教程的代码,我们来优化它
<div class="seo-content">
<div class="title">江海seo是什么意思</div>
<div class="text">江海seo主要针对...<span class="highlight">重点内容</span></div>
</div>
上面这段代码加CSS样式确实能实现效果,但用的全是div、span这种没有明确语义的标签,光看代码根本看不出哪里是标题哪里是内容。下面来改一下:
<article class="jianghai-seo">
<h2>江海seo是什么意思</h2>
<p>江海seo主要讲解...<strong>重点内容</strong></p>
</article>
用HTML5新标签修改后语义化程度明显提高,这里需要注意的是如果仅仅为了样式布局,还是可以用div的,毕竟div没有任何语义,它只是个纯粹的容器标签。
三、图片必须加alt说明
江海seo中
发表评论