前端开发需要掌握的SEO的知识点

news/2024/5/10 12:19:43/文章来源:https://shelleyhlx.blog.csdn.net/article/details/122172995

SEO 工作的目的
  seo 的工作目的是为了让网站更利于让各大搜索引擎抓取和收录,增加产品的曝光率。

1. title description keywords 标签设置

2. h1-h6    img的alt     a 标签的 rel="nofollow"

3. 建立 robots.txt 文件

4. 建立网站的 sitemap 地图文件

5. 安装百度的自动推送代码

6. 增加网站的 404 页面,设置链接

 

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 页面设置一个引导链接让用户自己点就可以。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_733759.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

4月4日网站变灰色的效果是怎么实现的?

4月4日时,很多网站包括主页和内容(包括图片、按钮等)也都已经变成了灰色。当天我打开的csdn、人人视频都全部变为了灰色。 我当时第一想法是难道把这些图片都换了一遍吗???但是成本未免太高,且可…

iframe嵌入其他网站,如何自适应高度

终于有一周时间,工作不那么忙了,腾出手来总结下工作过程中学到的知识。 每天遇到新问题,解决新问题,但是却很少有时间去仔细研究下,或者总结下。攒的多了,就得从头捋一遍。 说下iframe自适应高度&#xf…

如何将 arXiv 网站中的文献导入成 endnote 格式或者其它你想要的格式

arXiv 是发布论文预印本的平台,现在很多自然科学的论文,特别是计算机科学的论文,都是先发表到arXiv 网站,当我们想引用的时候,发现用Endnote 等软件检索不到。那么如何将arXiv 导出为endnote 格式 或者其他你想要的格式…

发布网站报错

发布网站时提示以下错误 解决方法: 1.重新安装IIS,将里面的所有子节点都打勾。 2.在C:\Windows\Microsoft.NET\Framework64\v4.0.30319路径下添加文件夹Temporary ASP.NET Files。 3.修改IIS管理器的应用程序池的托管通道为“经典”。 转载于:https://ww…

22个免费的UI界面设计工具、资源及网站

1.原型界面制作工具Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具。使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中。 Lumzy还具有团队协作编辑工具。 2.在线工具Mockingbird 官方地址:https://gomo…

(PHP开发)thinkphp5 换网站图标icon无法显示问题

选择自己喜欢的图片(jpg、png都行) 前往在线生成icon生成网站: https://www.bejson.com/ui/icomaker/ 将选择的图片生成图标,然后将图标放到public目录下 修改视图文件,将图标路径换成相对路径即可

[转] Optimizely:在线网站A/B测试平台

Optimizely:在线网站A/B测试平台是一家提供 A/B 测试服务的公司。A/B 测试能够对比不同版本的设计,选取更吸引用户眼球的那一款,从而带来更为优化的个人体验。让网站所有者易于对不同版本的设计和内容进行测试。 该公司的客户现已突破7000家,这些客户完成了超过50万…

精挑细选 8款HTML5/jQuery应用助网站走向高上大

http://www.html5tricks.com/8-html5-jquery-app-website.html 在WEB3.0的时代,我们的网站不仅要实现实用价值,更要为用户设计优秀的用户体验。jQuery是一个不错的JS框架,结合目前最新的HTML5技术,我们可以将自己的网站脱胎换骨&a…

想成为程序猿?28个在线学习网站让你变身齐天大圣!

无论是考虑换工作成为一个全职的程序猿,还是试图搭建一个网站,亦或是想要掌握更多的技能,总之现在越来越多的人都开始学习如何编程。虽然编程不一定适合所有人,但是对相关的知识多深入了解一下总归是有一些好处的。 在正式介绍这些…

学习新技能的37个最佳网站

忘了过于褒奖的学校、整天呆在拥挤的教室而效果却差得可怜。这些网站和应用涵盖了科学、艺术和技术的无数话题。它们可以教会你实践练习任何技能,从制作豆沙到用 node.js 开发 app,而且它们都是免费的。你绝对没有任何理由不去掌握一个新技能、拓展你的知…

Asp.net MVC4 +EF6开发的个人网站源码

http://www.open-open.com/lib/view/open1453452045011.html 本项目是我去年利用业余时间开发的,采用的是asp.net mvc 4 EF6三层架构,适合新手进行学习,高手就没有什么价值了,可以直接跳过。 源码和数据库下载: http:/…

keepalived 配置网站集群 nginx

2019独角兽企业重金招聘Python工程师标准>>> keepalived 配置网站集群 nginx 博客分类: java 其实个人认为keepalived就是一个选择器,帮你选在哪天服务器在用,比如我们现在有两台服务器作为集群的两个服务器,当然我们公…

RDoc帮助你生成静态网站,你只需要写Markdown

RDoc 是一个文档生成工具,用于生成文档网站或简单的博客网站。简单到你只需写 Markdown 文件就可以帮助你生成网站。同时可以方便的集成到你的项目工程中。 官方网站开源Github下图官方网站,是 rdoc 生成的: 基于React的快速静态站点生成器&a…

# 检测 鼠标是否右击_网站是不是被挂黑链,网站是不是被挂黑链的检测及避免方法...

做网站关键词排名也有一段时间了,对网站排名的主要因素及其他的一些因素了解得比较全面,今天搜索互联简要谈一下网站是否被挂黑链的方法,之所以有必要阐述一下,因为黑链市场还是存在的,各位站长相比也经常看到一些出售…

Thinkpad安装linux无法上网,修改合上本本时的动作 - 在ThinkPad上安装Ubuntu的全过程详解_Linux教程_Linux公社-Linux系统门户网站...

修改合上本本时的动作Ubuntu在你合上本本的屏幕时的默认动作竟然是关闭屏幕而不是待机,这个让人觉得挺蹊跷的。修改 /etc/acpi/events/lidbtn,把其中的action/etc/acpi/lid.sh改成 action/etc/acpi/sleep.sh sleep安装TPB,为本本增加OSDsudo …

ubuntu下零基础建站之python基础环境搭建

这篇说的是 ubuntu下 python 基础环境 python2.7(为什么是2.7而不是3? tornado 对2.7支持比较好,还有很多包也是支持2.7) 1. 输入python 发现不存在 有python3 python3可以。装下python2 2. apt install python (默认python就是2.…

html颜色自定义器,Color Changer插件,谷歌浏览器夜间模式,网站颜色自定义更改工具...

Color Changer插件,是一款非常适合设计师以及普通用户使用的网站颜色自定义更换工具,它提供了一个强大的调色板,能让我们对谷歌浏览器中的任意网站修改背景色、链接颜色、文本字样颜色。Change website colors to your liking.下载Color Chan…

html5微博个人资料页面,仿新浪微博个人主页html网站模板

这是一款最新的仿sina个人微博html静态网页模板(轻博客/轻微博/社交空间主题),模板简洁、新颖,包含关注、粉丝、人气、个人资料、文章、视频等。比较适合类似爱装扮空间的女生。喜欢的可下载自行修改、套用网站程序搭建….资源下载此资源下载价格为4D币&…

a标签的class属性什么意思_SEO标签是什么意思?SEO标签优化方法有哪些?

随着移动互联网的竞争愈发激烈,通过网络运营的企业都会使用有效的方法来使得自己的网站排名靠前,从而增加网站流量,实现可持续发展。然而,SEO优化推广是企业之间竞争的有力武器,它是目前运营成本低性价比较高的推广方式…

论文 | 用迁移学习解释:电商网站的用户评论应如何优化排序?

摘要: 小蚂蚁说: 2018年6月初,自然语言处理三大顶会之一NAACL (Annual Conference of the North American Chapter of the Association for Computational Linguistics)在美国新奥尔良举行,吸引了世界各地的自然语言处理等领域的学…