网站优化工作除了站点外链和站点文章质量(关于页面内容优化的因素)外,网站页面设计也是影响SEO优化效果的重要因素之一。
现在很多优化检测工具都会检测页面的加载速度,页面的标签是否规范,这些都包含在页面设计的范围之内。一个代码规范,容量相对较小的页面肯定是搜索引擎喜欢的。下面是页面设计优化的一些细节,包括代码和结构。
一般来说,建议使用div+CSS,因为div是一种读取和加载模式。当它不被读取时,div中的内容也会被加载,而整个表中的内容在被读取之前不会被显示。我认为阅读方法应该是使用div而不是table的主要因素。而其他可读性和结构清晰的因素相对较少。
但是,在使用div+CSS时,我们需要注意兼容性。ieFirefox和Google等不同浏览器的风格可能完全不同,因此对CSS的要求相对较高。
简洁的代码,无论是人还是搜索引擎都会喜欢,所以代码的层次一定要尽量少,不能用一层以上。样式的分配也应该尽可能小。
例如,标题的图层为:
这个标签对于优化非常重要,特别是对于有很多图片的网站。因为搜索引擎不知道图片的内容,ALT tag可以告诉搜索引擎图片的内容,加上图片周围的文字内容,这对搜索引擎了解页面内容,增加页面本身的关键词密度非常有帮助。
所以页面中的图片应该用ALT标记,图片周围的文本应该匹配以给出图片ALT值。页面中经常使用的标题样式图标尽量用CSS编写。
H1H2H3,这些都可以帮助搜索引擎了解页面内容的主题。例如,H1标签是页面的主题(title),H2标签是页面的主要内容。使用H标记标记页面的主要和次要内容。下面是使用H标记的一些要点
一个页面使用一个H1标记,而H2标记可以相对更多,但不能太多。H3和H4可以多用,但不是为了使用。
这在超链接和图片标题标签中使用。当鼠标悬停在锚文本上时,将显示超链接标题标记的内容。至于这个标签的使用,它不是强制性的,因为超链接的锚文本和图像的ALT标签都解释了内容。据说,使用标题标签会让搜索引擎感觉到刻意优化。
一般来说,由于版面问题,当超链接无法显示完整的锚文本时,此时添加标题标签,这样搜索引擎可以更好地理解内容。
通过这个标签,让站长告诉搜索引擎页面中的超链接指向的内容不需要被跟踪,也不算作我对她的投票。
早期,这个链接一般用于非网站链接,但现在很多都是用于网页上不重要的网站超链接,比如关于我们隐私保护等。对于那些用户无法搜索并且无法帮助优化网站的页面,使用nofollow标签。利用内页上的超链接返回主页,使内页的链接权重更为合理。
尽可能地简化和合并页面中的多个CSS和JS。例如,CSS可以对所有页面一起使用reset style,并且可以将head和bottom的样式写入CSS文件中,这样所有页面可以一起调用,其他内容可以单独调用CSS。
搜索引擎一般不抓取JS内容,而是把JS放在页面的头部,这影响了页面加载速度。因此,不必要的JS被放置在页面底部,这有助于提高页面加载速度。
虽然GIF图像容量相对较小,但如果图像有渐变效果,千万不要使用GIF格式,否则会使渐变效果变得很难看。
尽量合并一些CSS可以调用的图片,通过定位调用图片,减少加载时间。