美文网首页知识帝读书
SEO之前端代码优化

SEO之前端代码优化

作者: 心得体会站 | 来源:发表于2019-04-10 15:38 被阅读13次

            感谢慕课网格格讲师的讲解

            上次聊到seo的概念和简单的优化。现在聊聊前端代码的优化。

            我总结了一下几大类:

            一,网站的加载速度

            如果你的网站很卡很卡,自己都不想打开,那爬取的蜘蛛来到之后敲了半天的门一直没人回应,他就走了。

            二,网站的布局

            布局分为扁平式和垂直式的。扁平式的利于爬虫爬取,用户体验也非常好。

            三,导航

            主导航和面包屑导航(图一)非常重要,非常有利于爬虫爬取,他会一层一层的爬取,不会毫无头绪。用户也能了解当前所处位置,知道网站架构。

            四,首页的链接数量

            上篇介绍了搜索引擎的原理,那首页的链接就非常的重要的,但是数量也不能太多(水满则溢)。中小型网站100左右就好。

            五,细节

            1、不断的精简代码。

            2、分页的形式  尽量采取   首页 1 2 3 4 5 6 7 8 9 10 下拉列表选择  的方式

            3、网站重要的内容放在前面

            六,前端代码

            1、H1~H6标签多用于标标题,H1爬取的权重高。

            2、ul标签多用于无序列表。

            3、ol标签多用于有序列表。

            4、<br>只用于文本内容的换行。

            5、<table>中添加<caption>定义表格名称,利与搜索。

            6、<img> alt属性 图片的注释,利与爬取。

            7、<strong>权重标签 > <em>权重标签。

            8、重要内容不要用JS输出。

            9、尽少使用iframe框架。

            10、谨慎使用display:none; z-index替换 隐藏文字内容。

            11、a 标签 添加rel="nofollow"防止 手作引擎跳走。

    -------------------------------------------------------------------------------------------------------------------

    以上就是我总结的seo前端代码的优化,收集打写不易,喜欢的点个赞,谢谢。

    上一篇  SEO的那些事                                                               下一篇 没有了

    相关文章

      网友评论

        本文标题:SEO之前端代码优化

        本文链接:https://www.haomeiwen.com/subject/nvcniqtx.html