关于前端 seo 优化一些方案

一提到搜索引擎优化,一般都是比较概括,比如优化目录结构啊、meta定义啊。本文也结合其他网上博文的内容、进行了一些总结

下面就来具体细化一下前端可以实现的搜索引擎优化方法

1、优化html标签

不要什么都用div,尽量合理的使用ul、ol、table等  标题使用h1,h2,h3,img加上alt等

2、meta描述

可定义关键词网站描述

< meta name="keywords" content="关键词1,关键词2" />

< meta name="description" content="描述1,描述2" />


     适用场景:(1)当图片未成功显示时候,仍可以显示文本,用户也可以大致了解图片主题

(2)当图片成功显示的时候,鼠标以上图片,可显示图片描述

(3)可解决网速慢src引用错误浏览器禁用图像用户使用屏幕阅读器等情况

5、可以适当的给链接标签a添加 rel="nofollow" 属性(例如:当我们项目的某一个导航不需要蜘蛛跟踪链接)

不需要跟踪的导航

作用:(1)引导爬虫抓取一些有用的信息页面,提高爬虫的抓取效率

(2)防止一些不可信内容,防止页面指向一下垃圾站点和页面

7、导航栏的层级数不宜太深

还是以淘宝网为例:那么复杂的淘宝网首页的导航相当于也才3级

8、那就是SVG啦,因为svg图像的源文件是一个文本文件,有利于访问

9、还有小伙伴们,注意啦,页面跳转尽量使用,不要使用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,511评论 25 709
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,056评论 3 119
  • 任时光流逝,每个人终归是要找到自己的幸福。 过一生! 最怕的不过是你心底的那个人给你发来的是一个订婚请帖 最怕的不...
    青春煮酒ki阅读 2,865评论 2 0
  • 文/枫小柒 我是一粒奔跑在岁月里的尘埃 匆匆地来,不带一片耀眼光彩 在这里,用力奔向现在和未来 一路上 我看见过彼...
    十七要加油呀阅读 2,607评论 2 7
  • 经过国家话剧院,一个巨幅广告映入眼帘,只见四块白色的大字“你若离开”,升腾在火红的霞光之上,那天空竟红得像甜面酱,...
    Lnrsyao阅读 1,216评论 0 0

友情链接更多精彩内容