优化基础之网页元素优化
<p>一、页面结构设计
</p>
<p>
首先要明白一个页面由几部分构成。
</p>
<p>
一般页面结构由头部、右(左)侧、底部和主题部分构成。一般的博客、资讯站、企业站等的页面几乎都是这样来设计的。
</p>
<p style="text-align:center;">
<img alt="深圳SEO优化基础之网页元素优化" src="/wp-content/uploads/2018/07/20180708104327_32719.png" title="?tle插图?m" />
</p>
<p>
二、文字优化
</p>
<p>
1、字体
</p>
<p>
正规严肃的网站，不能用太优质的字体。
</p>
<p>
彰显个性的网站，也不建议用特别不容易识别的字体。
</p>
<p>
2、颜色
</p>
<p>
一般采用黑色或深灰色为佳，不建议出现大量红色，也不建议出现闪光的文字(当然这一般就属于图片的范畴了)。
</p>
<p>
3、大小
</p>
<p>
字体一般为14px。
</p>
<p>
4、行间距与字间距
</p>
<p>
给人的感觉舒服就好。
</p>
<p>
三、图片优化
</p>
<p>
1、命名
</p>
<p>
Google建议是图片描述的是什么，就命名为什么，比如上面一张图片我的命名为“jiegou.png”，其实如果按照Google官方的说法，这张图片应该命名为“yemianjiegoushilitu.png”，当然用英文更好，则为“page_structure_diagram.png”。
</p>
<p>
当然，如果按照Google的要求来做是最好的，没必要非得写英文，写中文拼音也是可以的，对百度搜索引擎也是非常友好的。
</p>
<p>
2、大小
</p>
<p>
一般来讲，图片越清晰越好，但一般体积反而是越小越好。虽然这是矛盾的，但也是事实。
</p>
<p>
图片不清晰，自然用户体验度也不好，图片清晰了，很可能体积就大了，导致页面显示图片慢。
</p>
<p>
3、备注
</p>
<p>
备注是什么?就是图片下方的文字说明。一般大网站的图片下方都会有对图片的说明。
</p>
<p>
4、alt与title属性
</p>
<p>
图片描述的是什么，就写什么，例如上面一张图的，alt与title均为“图片备注示例图”。
</p>
<p>
四、代码优化
</p>
<p>
一般不要在页面上使用过多JS代码，容易导致网站加载过慢，不要使用过多冗余代码，可以适当对代码做精简。当然这是有专门的技术人员在的话，其实CMS系统来讲，本身是挺好的，但是由于人们开发的主题或二次修改模板，可能会导致模板中有很多冗余代码。
</p>
<p>
以上就是深圳seo徐三博客为大家带来的是网页元素优化教程。感谢您的观看。更多seo教程搜索深圳seo徐三博客。
</p>
页:
[1]