美文网首页
web前端SEO优化

web前端SEO优化

作者: 冷r | 来源:发表于2019-11-04 20:48 被阅读0次

SEO(Search Engine Optimization,中文意译为“搜索引擎优化”)

SEO 三条重要的规律

  • 内容
  • 高质量的外部链接
  • 持之以恒的优化

SEO 优化主要方面

  • 网站标题、关键字、描述
  • 网站内容优化
  • 合理设置 Robot.txt 文件
  • 生成对搜索引擎友好的网站地图
  • 增加外链引用
    其中最重要的是以下 2 个方面:
    • 网站结构布局优化
    • 网页代码优化

代码 SEO 优化

  • <head>标签放网页的标题,各个页面不同。
  • <meta keywords>列举出几个重要的关键词。
  • <meta description>网页内容的高度概括。
  • <br />标记应该放在文本中间,即使用<p><br /></p>替代突兀的<br />标记。
  • html 语义化。例如我们要做一个导航,可以使用 div+span 标记:
  • <a>标记要加上说明(title 属性),对于指向外部网站的链接要使用 rel="nofollow"属性告诉爬虫不要去爬其他的页面。
  • <h1>正文标题要使用<h1>标记,副标题要使用<h2>。可以使用CSS样式进行显式风格的设置。切记:不重要的地方不要随便使用<h1>标记。
  • <table>标记的优化。使用<caption>标记为表格指定标题。
  • 强调网页中的重要内容应该使用<strong>标记,避免使用<b>标记(对搜索引擎不友好)。<em>的权重仅次于<strong>。如果仅仅使显示的效果发生变化就使用<b>标记和<i>标记。

SEO 优化建议

  • 简化代码结构,更利于搜索引擎分析抓取有用内容,所有 js、css 采用外联方式,图片采用 css 精灵,减少请求次数。

  • 利用布局,把重要内容 HTML 代码放在最前。搜索引擎抓取 HTML 内容是从上到下,利用这一特点,可以让主要代码优先读取,广告等不重要代码放在下边。例如,在左栏和右栏的代码不变的情况下,只需改一下样式,利用 float:left;和 float:right;就可以随意让两栏在展现上位置互换,这样就可以保证重要代码在最前,让爬虫最先抓取。同样也适用于多栏的情况。

  • 每个页面只能出现一次 H1 标签,H2 标签可以多次:H1 权重很高,普遍认为仅次于 title,一般资讯详情页的标题、商品详情页的标题,都放在 H1 里。

  • 图片一定要添加 alt 属性,title 属性可选:蜘蛛不认识图片上的内容,只能通过 alt 属性来判断,如果是商品列表页,所有商品都加了 alt 和 title 的话,容易造成堆砌关键词,所以我一般是只加 alt 属性。

  • 图片大小声明:如果图片大小不做定义的话,页面需要重新渲染,就会影响到速度。

  • 非特殊性链接,链接地址一定要写入 herf 属性,做过 SEO 优化的人员都知道,蜘蛛目前对于 js 的支持很差,基本无法读取里面的链接地址。所以说用 click 事件是绝对不允许的,特别是一些重要的导航链接。

  • 网站结构呈扁平状树型,目录结构不宜过深,每个页面离首页最多点击不超过 3 次,过深不利于搜索引擎的抓取。

  • 做好 404 页面,一般会加首页链接及错误提示,并测试其返回状态码为 404。 用户体验友好,可以留住用户不至于直接关闭页面;蜘蛛友好,可以返回抓取其他页面。

  • 重要内容不要用 JS 输出。蜘蛛不会读取 JS 里的内容,所以重要内容必须放在 HTML 里。

  • 尽少使用 iframe 框架。搜索引擎不会抓取到 iframe 里的内容,重要内容不要放在框架中。

相关文章

  • web前端SEO优化

    SEO(Search Engine Optimization,中文意译为“搜索引擎优化”) SEO 三条重要的规律...

  • 初入前端

    前端是做什么的 前端负责页面呈现和交互功能。 前端要会做哪些事情 Web前端开发技术,网站性能优化、SEO和服务器...

  • 关于前端SEO要点(二)

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

  • Web前端性能优化,应该怎么做?

    想要成为一名合格的Web前端工程师,Web前端性能优化是一个必须要掌握的知识,那么应该怎么进行Web前端性能优化呢...

  • 前端SEO优化

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

  • 前端SEO优化

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

  • 前端SEO优化

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

  • 前端Seo优化

    1、合理的title,description,keywords,搜索引擎对三项的权重逐渐减小,title标题强调重...

  • 前端小白浅谈seo优化以及web性能优化方案

    写在前面 这是好久之前的工作了,之前还没用vue spa 做项目的时候,都是用的原生js写项目,纯html,css...

  • 武汉HTML5前端开发工程师为何涨薪这么快?

    目前web产品交互越来越复杂,用户使用体验和网站前端性能优化这些都得靠web前端工程师去做,web前端工程师是设计...

网友评论

      本文标题:web前端SEO优化

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