前端开发需要掌握的SEO的知识点
SEO 工作的目的
seo 的工作目的是为了让网站更利于让各大搜索引擎抓取和收录,增加产品的曝光率。
SEO 注意事项
1. 网站 TDK 标签的设置。title,description,keywords,根据产品业务,概括出核心关键词作为TDK的内容,每个页面都不一样。如果每个页面的keywords都一样的话,搜索引擎会持怀疑态度,觉得你有作弊的嫌疑。
此外,还有 meta 的 canonical 设置,一个网站还通过多个 url 访问,canonical 就是用来告诉搜索引擎,这么多个url中最有价值最重要的一个url,一般是网站的首页。
2. 建立 robots.txt 文件。robots 文件是搜索引擎登录网站第一个访问的文件,robots可以设置允许被访问的搜索引擎,最主要的还是设置允许Allow 和不允许 Disallow访问的目录和文件,少写Disallow,多写Allow,用意是引导爬虫抓取网站的信息。另外,在robots文件底部指明网站的 sitemap 文件的目录,爬虫读取其中的 sitemap 路径,接着抓取其中相链接的网页。提高网站的收录量。
案例: 按住 ctrl 键点击:https://www.taobao.com/robots.txt
3. 建立网站的 sitemap 地图文件。sitemap 是一个将网站栏目和连接归类的一个文件,可以更好地将网站展示给搜索引擎,提高爬虫的爬取效率。sitemap 地图文件包含html(针对用户)和 xml(针对搜索引擎)两种。当网站更新频繁的时候,sitemap 文件要做到自动更新(程序实现),更新不频繁的可以手动更新提交。
案例:按住 ctrl 键点击:http://www.sitemap-xml.org/
4. 图片 img 标签必须加上 alt 属性,并注明图片的含义。
5. h1~h6 标签合理使用。按道理所有标签都需要根据自身的语气合理去使用,这里不展开讲述,这里只讲 h 标签的注意事项。h1 标签一个页面只能出现 1 次,h2 标签一般作为二级标题或者文章的小标题。最合理的使用时 h1~h6 按顺序层层嵌套下去,不可以断层或者反序。此外,h1 标签可以用在 logo 上,但要确保一个网页只有一个 h1 标签。
6. 设置 nofollow 属性值。a 标签的 rel="nofollow", 表示不希望搜索引擎继续追踪的链接,取消这个链接在整站所占的权重比。一般是其他网站的链接、a 标签启动 QQ 聊天,webapp 拨打电话。
7. 安装百度的自动推送代码,作用是当页面被访问的时候,页面的 url 会自动推送给百度搜索引擎,有利于网页更快地被百度发现。
8. 增加网站的 404 页面,一个是利于用户体验,最主要的是防止蜘蛛爬虫的丢失。但有一点要注意,不要设置自动跳转到首页,会被搜索引擎认为是在作弊,你在 404 页面设置一个引导链接让用户自己点就可以。
参考出处:微信公众号:
转载于:https://www.cnblogs.com/lxl0419/p/10401812.html
前端开发需要掌握的SEO的知识点相关推荐
- Web前端开发学习3:SEO代码优化
一代码优化概述 关于代码优化的知识是纯理论的知识,学习的很枯燥.在学到CSS时,不免遇到CSS+div进行代码优化的知 识,因此在网上看了一些关于这方面的知识,简单的整合一下,梳理自己所了解的代码优化 ...
- 前端开发:JS相关的核心知识点
前言 在前端开发过程中,有三驾马车组成:JS.CSS.HTML,JS负责页面交互,CSS负责页面样式,HTML负责页面结构,这三大块也是在实际开发中必备内容,关于三者所起到的作用不用说读者就知道.本文 ...
- 前端开发中79条不可忽视的知识点汇总
1.css禁用鼠标事件 .disabled {pointer-events: none;cursor: default;opacity: 0.6; } 复制代码 2.get/post的理解和他们之间的 ...
- 前端开发指南:HTML5与CSS3知识点总结
HTML常用标签总结 手摸手带你学CSS HTML5与CSS3知识点总结 手摸手带你学移动端WEB开发 好好学习,天天向上 本文已收录至我的Github仓库DayDayUP:github.com/Ro ...
- 前端开发面试知识点大纲
前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解.浏览器内核差异.兼容性.hack.CSS基本功:布局.盒子模型.选择器优先级及使用.HTML5.CSS3.移动端适应.Java ...
- 入行前端开发需要学什么?有哪些知识点? 程序员的青春
术掌握到什么程度才可以找工作呢?作为聪明的求学者,总是会带着问题学习,相对于其他后台编程语言来说,Web前端开发确实要更容易学习.但是随着互联网平台的多端发展以及前后端融合技术的要求下,前端开发工程师 ...
- 前端开发面试知识点大纲:
本文转自:http://segmentfault.com/a/1190000002562454,尊重作者,尊重原创 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解.浏览器内核 ...
- 前端开发知识点解答-问题-面试问题
问题:HTML&CSS基础:对Web标准的理解.浏览器内核差异.兼容性.hack.CSS基本功:布局.盒子模型.选择器优先级.HTML5.CSS3.Flexbox JavaScript基础:数 ...
- 8年前端开发的知识点沉淀(不知道会多少字,一直写下去吧...)
先啰嗦几句 2011年开始从事前端,从一个页面的切图仔到如今还算合格的前端工程师,一路走来,我很清楚要学的很多,其中也学了很多,学的同时也丢了很多(身陷边学边丢,边丢边学的状态).尤其这3年,前端领域 ...
最新文章
- oracle 导数据报exp00058_一文看懂oracle12c数据库跨小版本迁移
- 用iptables来防止web服务器被CC攻击
- 智能仓储管理系统分析?
- #Linux学习笔记# Linux系统查看文件内容的命令
- 第一周golang学习:--基本数据类型与string字符串类型之间的转换
- 服务器2008修改端口,Windows Server 2008 R2需要修改445端口
- win10底部任务栏不见了怎么办
- 初中英语语法(004)-代词
- 爬虫之抽屉新热榜点赞基本示例
- eel库实现JS调用python方法
- 委托,了解发布者订阅者模型
- 零售界的“GDP联盟” 正在打破流量贫瘠魔咒?
- c语言 memset 段错误,memset 导致的一个段错误
- 【STM32F103ZE】TOF250(TTL)基于STM32系列开发板的运用
- java对象转换为JSON日期格式转换处理
- 深度学习(二)向量化 Logistic 回归及其梯度输出
- 这篇文章你一定要阅读:大数据可视化以及几款数据可视化的工具介绍
- 西门子300PLC连接组态王KingSCADA实现ModbusTCP通信
- java 文件打包下载
- 长尾词推广系统推荐乐云seo_长尾词霸屏工具-万词霸屏-乐云SEO