前端之SEO搜索引擎优化

什么是SEO

SEO(search engine optimization)搜索引擎优化
SEO是端开发人员在网站设计和开发过程中,通过优化HTML、CSS、JavaScript等前端代码,以及网站结构、页面布局、内容结构、URL等方面,来提高网站在搜索引擎中的排名和可见性。

通过优化网站结构,可以提高网站的可用性和导航性,从而更容易为搜索引擎蜘蛛抓取和索引网站内容。
在这里插入图片描述

SEO 优化的方法

  • 合理的title、description和keywords
    在这里插入图片描述
    title:只强调重点,重要关键词出现不要太多,每个页面title要不一样。
    description:相当简述自己的重要内容,长度要合理,每个页面description要不一样。
    keywords:描述出几个重要关键词
    亿点小知识:以上的三个方法 不要过多堆关键词,反而会适得其反合理突出即可
  • 语义化书写HTML代码,符合W3C标准
    万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。
    网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布。
  • 合理的使用标签H1、H2、a、header、nav、nav等标签
<h1>标题</h1>
<h2>副标题</h2>
<a scr=''>链接</h2>
  • 为图片加上alt属性
    alt 属性可以在图片未成功显示时候,使用文本来代替图片的呈现,使爬虫可以抓取到这个信息。
  • icon 图标
    在这里插入图片描述
    后缀.ico的图标格式
<link rel="shortcut icon" href="log.ico" type="image/x-icon">
  • 保留文字效果
  • 利用CSS截取字符
  • 提升网站速度
  • 为图片设置高度和宽度,可提高页面的加载速度
  • 为静态资源文件增加过期时间,让用户通过本地缓存来更快的访问网站
  • 减少大改版的频率
  • 压缩、格式化代码
  • 使用CDN 网络,可加快用户访问速度
  • 启用GZIP压缩,浏览速度变快,搜索引擎的蜘蛛抓取信息量也会增大
  • 做 404 页面,不仅提高蜘蛛体验,也提高用户体验
  • 服务端渲染需要SEO的HTML页面
  • 扁平化网站结构
    在这里插入图片描述

扁平结构是与树状结构对立的一种网页结构,网页之间并没有明显的层级关系,在栏目或组织结构已明确的情况下,通过减少管理层次的组织结构。
简单来说就是少量的栏目层级划分,并直接已内容页层级进行展现,有利于提高信息的快速传递,使尽快的发现信息所展示的问题

结尾

SEO优化其实重要的是内容质量、网站速度、高质量的外部链接和适度的优化,才是网站的曝光和流量的根本

2023年6月6日,百度官方宣布了一项重要的收录新规则:

1.收录质量要求更高:百度将进一步提升收录质量要求,对于内容质量低下、存在严重问题的网站将不再收录。

2.收录速度更快:百度将加强爬虫效率和数据处理能力,提高收录速度。

3.收录深度更大:百度将逐步提升对网站深层次内容的收录能力,进一步提高搜索结果的全面性和准确性。
在这里插入图片描述

以上就是前端之SEO搜索引擎优化感谢大家的阅读
如碰到其他的问题 可以私下我 一起探讨学习
如果对你有所帮助还请 点赞 收藏谢谢~!
关注收藏博客 作者会持续更新…

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>