美文网首页知识帝读书
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要点(二)

    背景:前端SEO并不难理解,对资深SEO来说,前端SEO性能优化方案也有掌握的必要。 一、页面级优化 1、js、c...

  • 前端Html代码seo优化

    SEO最常用的HTML标签 如果你想要成为一名SEOER,就必须了解部分重要的HTML代码。其实,学习HTML很简...

  • SEO之前端代码优化

    感谢慕课网格格讲师的讲解 上次聊到seo的概念和简单的优化。现在聊聊前端代码的优化。 我总结了一下几大类:...

  • 性能优化

    前端性能优化 一:主要是减少HTTP请求次数和请求大小,二:代码优化,有利于seo,扩展维护,减少性能消耗,[JS...

  • WEB前端性能优化常用方案

    ===前端开发性能优化方案===减少HTTP请求次数和请求大小代码优化->有利于SEO->有利于扩展维护->有利于...

  • 前端SEO优化之网页代码优化结构布局优化

    公司对SEO有要求而自己之前没有接触和在意这一块的东西,今天闲来无事搜了几篇文章总结一下仅供自己日后参考。 一、前...

  • SEO系列之站内优化

    SEO系列之站内优化 网站SEO优化主要分为三个方面:站内优化, 站外优化, 技术优化。本文着重介绍的是站内优化,...

  • 前端SEO优化

    1.合理的title、description、keywords:搜索引擎对于三项的权重逐个减小; 2.重要的内容一...

  • 前端SEO优化

    一、搜索引擎工作原理 当我们在输入框中输入关键词,点击搜索或查询时,然后得到结果。深究其背后的故事,搜索引擎做了很...

  • 前端SEO优化

    简介 全称:SEO(Search Engine Optimization):汉译为搜索引擎优化。 作用:搜索引擎优...

网友评论

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

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