厦门SEO 欢迎您的访问!在这里、您可以学到最新潮的SEO技术"干货" (๑•̀ㅂ•́)و✧ 让优化成为一种生活习惯~

  • 首页 
  • 厦门SEO 
  • 厦门网站建设 
  • 厦门网络推广 
  • 外贸营销 

推荐阅读

AMP 开发文档【精炼核心规范 新手易懂】

厦门SEO 2018-09-08 0 5

聊聊网站内容长期不更新维护会怎么样?

厦门SEO 2022-05-30 2 12

一个星期或者一个月?将网站做到百度或者谷歌首页?慌么?

厦门SEO 2018-10-16 4 36

从前端角度浅谈代码对SEO的影响!

厦门SEO 2018-08-26 4 16

外链介绍、如何发外链及对SEO的作用浅析!

厦门SEO 2018-09-06 0 3

厦门SEO

厦门SEO

  • 「城市分站」
  •  首页
  • 厦门SEO
    • 百度SEO
    • 谷歌SEO
  • 厦门网站建设
    • 厦门熊掌号
    • 厦门小程序
  • 厦门网络推广
  • 外贸营销
  •  首页
  •  厦门SEO
  •  厦门网站建设
  •  厦门网络推广
  •  外贸营销
首页 厦门SEO 正文
厦门SEO

从前端角度浅谈代码对SEO的影响!

屈兴东
2018-08-27 7,359 4

写在前面:我们经常提到的“前端”,即“HTML、CSS、JS”的总称。HTML是超文本标记语言,结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。CSS是层叠样式表,顾名思义就是用来控制网页标签的样式,决定网站的视觉效果。JS是一种直译式脚本语言,简单的用途就是控制网页的行为,用来给HTML网页增加动态功能。


小的总结:


  • HTML —— 结构层(控制页面结构);
  • CSS —— 样式层(控制页面样式);
  • JS —— 行为层(控制页面行为)。


具体示例:


01.HTML:


从前端角度浅谈代码对SEO的影响!-厦门SEO
HTML实例


02.CSS:


从前端角度浅谈代码对SEO的影响!-厦门SEO
CSS实例


03.JS:


从前端角度浅谈代码对SEO的影响!-厦门SEO
JS实例


正文内容:通过上面的简单介绍,想必大家也会觉得:其实前端真正对SEO比较有影响作用的还是HTML。


那么我们从几个详细的角度来讨论HTML对SEO的影响:


  1. 性能角度:一个网页的性能主要涉及到其“加载速度”和“浏览流畅度”,主要解决方案有:减少页面请求、CDN加速、精简代码、压缩传输、引用新框架等;
  2. 结构角度:HTML5版本相较于之前版本最明显的区别就是引入大量语义化标签,所谓“语义化标签”?顾名思义就是直接通过标签所用的单词意思就能知道这个标签包裹的内容范围属于什么。HTML头部meta标签大概了解即可,主要用于声明网页的语言、编码格式、相应模式、相关版权等。


接下来,举例介绍几个比较“流行”使用的HTML语义化标签:


01.header定义了站点的头部信息,也就是页眉,一般放置网站的站点名称以及LOGO和导航栏。搜索引擎更容易识别站点的类型。


02.nav定义导航链接,也就是栏目或者频道的链接。搜索引擎可以更好了解网站的信息架构,分类等。良好的信息架构,更有利于蜘蛛的爬行和权重的分布。


03.footer定义了底部信息,也就是页脚。放置页脚导航,一些比如公司介绍,联系我们之类的信息。一般来说对网站比较不重要,有可能搜索引擎会降低其位置的权重。


04.section该元素用来表示网页中不同的分区。优势体现在每个部分都可以有其独立的HTML标题。这可以让搜索引擎更好的了解网页的结构是如何划分的。搜索引擎可能会根据网页中的section标签找出其信息架构。(同左撇子)


05.article定义文章区域,可以更有利于搜索引擎识别网页的内容以及判断相关性。,


06.aside定义页面内容之外的内容,在左侧或右侧边栏。比如知乎右侧的“相关问题”就属于aside区域。aside标签的文字信息与article标签区域的文字信息最好是相关。可能会影响到该页面和目标页面的排名。


还有一些小标签SEO也会·识别:tag标签顾名思义就是文章标签词、time标签顾名思义就是页面发布时间、audio定义音频 、video定义视频 等等 … …


最后简单提一下几个要点:


  • 一个页面要将H1标签数量控制到一个(最好是包裹页面大主标题、等有一定权重后,可以包裹logo强调品牌),文章段落二级标题最好加上H2。
  • 编辑产品、资讯详情页的时候,“文章摘要”、“标签”要着重构思编辑,因为将直接影响到页面的SEO,最好是在编辑的时候就填好,精准。不要拖到后面再修改。
  • 页面的文章内容板块最好用article标签包裹,不用担心兼容性问题,浏览器不能识别的标签会直接输出内容,不会对页面显示造成影响,而且现在主流浏览器对HTML5新的语义化标签兼容性都很不错。
  • 编辑文章的时候,可以适当添加相关关键词的站内链接,提升网站的内链结构。
  • 内容关键词加黑标签请用b标签(strong标签可以用来强调具体页面内容)。B标签往往用在关键词上,一个页面只要加2-5次就差不多了,具体还要根据页面大小而定。
  • 页面配图的时候记得加“Alt”属性,有利于站内图片被搜索引擎的检索,对提升网站的曝光度有一定作用,同时也对页面的seo排名有一定影响。
  • 借鉴相关文章时,如果涉及到内容复制粘贴,切记勿将iframe标签也复制过来了,内容本身的一些无关内外链接可以删除。
  • 网站添加“面包屑”导航也有利于搜索引擎的爬行,更利于页面的抓取和索引效率。


写在最后:最后简单提几点对SEO优化有助的几点:网页页面链接伪静态(一个好的链接结构,可以清晰指导搜索引擎明确网页主体内容),制作网站地图(sitemap.html/xml)并提交给站长平台(对页面收录有直接影响),根据网站后台系统编辑对应的robots.txt(引导搜索引擎对网站进行有效抓取),网站结构扁平化(目录和内容结构最好不要超过3层,如果有超过三层的,最好通过子域名来调整和简化结构层数)。

#前端SEO#厦门SEO#百度SEO

本文由 屈兴东 原创发布于:厦门SEO。未经许可,禁止转载!

屈兴东

百度可查:“屈兴东”、出生于湖北黄冈的95后程序小伙。 屈兴东:https://www.quxingdong.com/ | 厦门SEO:https://seo.quxingdong.com/ | 厦门网站建设:https://web.quxingdong.com/ .

扫码关注

16

微信扫一扫,分享到朋友圈

SEO

文章评论 (4)

😉😐😡😈🙂😯🙁🙄😛😳😮😆💡😀👿😥😎➡😕❓❗
再想想
  • 好名字

    非常有用的一篇文章 nice

    2018-08-28 1 0 回复
    • Levi 官方

      @好名字 谢谢阅读 😆

      2018-08-29 0 0 回复
  • 屈兴东

    博主从前端三剑客、多端多角度分析了对SEO的影响因素!文章很详细、全面,值得SEO新人学习,和同行巩固知识点 😛

    2018-08-28 1 0 回复
    • Levi 官方

      @屈兴东 谢谢观看 😉

      2018-08-29 0 0 回复

搜索文章:

相关文章:

  • 聊聊网站内容长期不更新维护会怎么样?

    聊聊网站内容长期不更新维护会怎么样?

  • 「新手做seo怎么做?」三种SEO作弊行为,千万不要模仿!

    「新手做seo怎么做?」三种SEO作弊行为,千万不要模仿!

  • 「SEO百科」2021年外贸网站SEO关键词排名优化提升技巧!

    「SEO百科」2021年外贸网站SEO关键词排名优化提升技巧!

  • 「seo入门基础知识」如何检查SEO的优化效果?

    「seo入门基础知识」如何检查SEO的优化效果?

热点文章:

  • 聊聊网站内容长期不更新维护会怎么样?
    聊聊网站内容长期不更新维护会怎么样?
    712
  • 「网站建设」打造成功网站的10个简单步骤!
    「网站建设」打造成功网站的10个简单步骤!
    578

标签聚合:

2019年 (4) 2019年SEO (4) MIP接入 (3) MIP教程 (3) MIP框架 (3) PPC (4) SEM (3) SEO (14) SEO优化 (29) SEO分析 (3) SEO技术 (3) SEO教程 (8) SEO策略 (4) 厦门SEO (66) 厦门SEO优化 (5) 厦门外贸营销 (20) 厦门小程序 (3) 厦门网站建设 (15) 厦门网络推广 (17) 厦门网络营销 (5) 厦门谷歌SEO (3) 厦门谷歌优化 (3) 厦门谷歌排名 (3) 厦门谷歌推广 (4) 名族自治区SEO (6) 城市SEO (83) 城市分站 (81) 外贸网站 (3) 外贸营销 (17) 小程序 (2) 广东SEO (22) 江苏SEO (14) 浙江SEO (12) 白帽SEO (4) 百度SEO (39) 直辖市SEO (3) 省份SEO (50) 网站优化 (5) 网站标题 (3) 网站标题怎么写 (3) 网络营销 (4) 英文SEO (4) 谷歌Google推广 (4) 谷歌SEO (38) 黑帽SEO (8)

站点公告:

  • 同类型网站友链申请
    或购买本站外链/广告位加:
  • 2648439388 ( QQ ) !

云服务商力荐(๑•̀ㅂ•́)و✧:

腾讯云新客专属福利

关于我们:

厦门SEO,十年专注厦门SEO优化、厦门网站推广。屈兴东专业:厦门网站建设、厦门网站优化、厦门网络推广、厦门外贸营销……是知名厦门SEO顾问,专心厦门百度SEO优化、厦门谷歌SEO优化、厦门神马搜狗360必应SEO优化!通过网站建设、网站优化、网络推广、外贸营销等多维一体式互联网服务,轻松帮您实现厦门网站建设、厦门网站优化、厦门网络推广、厦门外贸营销~厦门关键词百度谷歌等主流搜索引擎SEO首页排名优化,请认准——厦门SEO顾问:seo.quxingdong.com。选择我们、就是选择了互联网+Ai时代新技术解决方案!!!如果您有以上介绍的互联网服务需求?亦或是想找名实战资深厦门SEO顾问探讨技术方案?欢迎通过下方多种平台方式添加到我 、进行咨询!!!ヾ(^▽^*)~ ——【厦门SEO】

  • 打开 手机QQ 、扫描下方二维码!

    打开 手机QQ 、扫描下方二维码!
  • 打开手机微信、扫描下方二维码!

    打开手机微信、扫描下方二维码!
  • 打开手机百度、扫描下方二维码!

    打开手机百度、扫描下方二维码!

厦门SEO顾问(微信扫码):

厦门SEO顾问

相关页面:

  • 网站地图
  • 专题合集
  • 链接导航
  • 腾讯专栏
  • 熊掌主页
  • 免责声明
  • 本站打开速度:0.24秒!想要跟我一样快?

Copyright © 2018~2022 厦门SEO . 闽ICP备17002261号-6 .厦门SEO厦门SEO Design By 屈兴东 . 

本页共执行:45 次查询操作!共耗时:0.853 秒!版权所有归:厦门SEO.