美文网首页
前端SEO优化之网页代码优化结构布局优化

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

作者: ForeverYoung_06 | 来源:发表于2020-10-28 10:39 被阅读0次

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

一、前端代码优化。

1、尽量使用语义化标签。使用<h1>-<h6>作为标题使用的标签,<h1>一般作为主标题使用,蜘蛛认为他最重要,可以自己定义h1的css样式。<h2>一般作为副标题使用。
<strong><em>标签表示强调,可以突出关键词。
<img>标签使用时建议在有意义的图片上加alt属性。
<a>标签使用时最好加上title属性,如果是外部链接加上el='nofollow'目的是告诉蜘蛛不要爬外链的数据,因为一旦爬了蜘蛛就不再回来了。
<ifram>不建议使用,因为蜘蛛一般不爬ifram里面的内容。
谨慎使用display:none;,搜索引擎会过滤掉display:none的内容,如果不想显示建议设置z-index或者把它定位到浏览器之外的位置。

标签在文本换行使用,例如:

<p>
嗨,你好杰克。<br>
嗨,你好罗丝。<br>
我心永恒。
</p>

2、关于JS,重要内容不要用JS输出,因为蜘蛛不认识。
3、404页面增加网站的404页面,一是有利于提高用户体验,最主要的是防止蜘蛛爬虫丢失。

二、网站结构布局优化。

1、首页导航优化,简洁明了。例如:

页面头部:logo、主导航、用户信息
页面主题:左边正文(包括面包屑导航及正文),右边热门文章和相关文章
页面底部:版权信息、友情链接

2、首页控制链接数量。
3、分页的使用,建议首页 1 2 3 4 跳转 尾页。不要 首页 上一页 下一页 尾页,否则蜘蛛爬累了就不爬了。
4、控制页面大小,减少http请求,提高网站的加载速度。一个页面最好不要超过100k,太大,页面加载速度慢。当速度很慢时,用户体验不好,留不住访客,并且一旦超时,蜘蛛也会离开。

相关文章

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

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

  • 网站优化,产品推广,

    ◆★◆网络营销推广,seo培训,网页优化,产品推广怎么做,推广seo◆★◆ ------------ 网站优化,产...

  • 关于前端SEO要点(二)

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

  • 独立站百科28 如何写好网站的SEO描述

    目前优化一个网页至少要优化三个地方: 标题 URL 描述 什么是网页SEO描述呢 网页SEO描述英文名是Meta ...

  • SEO系列之站内优化

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

  • 性能优化

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

  • 网站优化

    1、网站结构优化网站导航、页面布局优化 2、网页标签优化网页TITIEL关键词标签、网页简介标签,图片注释、等方面...

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

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

  • 前端性能优化

    js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...

  • 前端性能 优化 大全

    js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...

网友评论

      本文标题:前端SEO优化之网页代码优化结构布局优化

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