在开始之前，我们先来了解一下什么是SEO。
SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位，获得品牌收益。很大程度上是网站经营者的一种商业行为，将自己或自己公司的排名前移。
说白了就是你的SEO做的越好，当别人搜索某个关键词时，你的网站在搜索结果中就排的越靠前。这是我的网站，有时排在第一，有时第二。
普通的一个前端网站可以通过哪些地方来做优化呢？
1.合理的title、description、keywords
<title>短暂又灿烂的博客</title> <meta name="description" content='短暂又灿烂的，一名前端工程师，这是我的个人博客，主要分享前端但不限于前端技术。'> <meta name="keywords" content="个人博客,短暂又灿烂的,前端,技术,WEB,blog,BLOG,搭建博客,前端技术,VUE博客,短暂又灿烂的博客"> <meta name="anthor" content="短暂又灿烂的,736996361@qq.com"> <meta name="robots" content="博客,前端,blog,个人博客,短暂又灿烂的,Yong,短暂又灿烂的博客,公众号,web,VUE"> <meta name="viewport" content="width=device-width,initial-scale=1.0">title，description，keywords他们的权重逐渐减小。
- title 就是我们看到的网页标题
- description 为对该网页的简要描述
- keywords 的作用就是告诉搜索引擎，本网页中主要围绕着哪些方面的关键词展开
2.语义化的HTML代码，符合W3C规范
多使用语义化的HTML标签，什么叫语义化标签，说白了就是对号入座，不要什么地方都永远是div，span。HTML5中提供了很多语义化的标签，比如<header></header>,<footer></footer>,<nav></nav>,<aside></aside>,<section></section>等
3.非装饰性图片必须加alt
<img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。对于非装饰性图片必须添加alt，非装饰性图片是指除了那些作为元素背景图的图片。
alt可以增强内容相关性，提高关键词密度
4友情链接
原文链接：https://blog.csdn.net/weixin_42232156/article/details/120869089?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171836734316800215038050%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=171836734316800215038050&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-8-120869089-null-null.nonecase&utm_term=%E7%BD%91%E7%AB%99%E3%80%81seo
