"代码不仅是工具，它是表达思想的语言。而SEO，就是让更多人听到你的声音。"
https://Tank37135.github.io/
SEO优化入门到上手 - 让你的网站被更多人发现
先搞明白：什么是SEO？
简单说，SEO就是"搜索引擎优化"。说白了，就是让你的网站在百度、谷歌这些搜索引擎里更容易被找到，排名更靠前。毕竟，谁会翻到第10页去找东西呢？做好SEO，就能让更多人不花钱就找到你的网站。
SEO优化实操步骤
1. 先搞清楚：大家在搜什么？
做SEO第一步，得知道你的目标用户会搜什么词。比如你写美食博客，就得想想大家会搜"怎样做蛋糕"还是"简易蛋糕做法"。 可以用Google Keyword Planner这类工具看看哪些词搜的人多，竞争又不太大。
// 示例: 基本思路就是这么简单
<html>
<head>
<title>你找到的热门关键词</title>
</head>
<body>
<h1>围绕关键词写的内容</h1>
</body>
</html>
2. 标题很重要，别浪费
页面标题就像文章的书名，搜索引擎特别看重。把你找到的关键词自然地放进去，但别堆砌，不然看着很怪。
小提醒：用JavaScript动态生成的标题，搜索引擎可能抓不到，尽量避免哦。
举个例子：
<title>新手也能学会的披萨做法 | 简单美味的家常配方 </title>
3. 写好描述，勾引点击
那个meta description标签，就是搜索结果里标题下面的那段小字。既要包含关键词，又要写得吸引人，让人想点进去看看。
<meta name="description" content="30分钟就能做好的美味披萨，材料简单步骤详细，新手也能一次成功，快来试试！">
4. 合理使用标题标签，别瞎嵌套
H1到H6这些标题标签，不仅能让页面结构更清晰，也能帮搜索引擎抓住重点。
还有main、article这些语义化标签，虽然不直接影响排名，但能让搜索引擎更好地理解你的页面结构。
<h1>超简单的家常披萨做法</h1>
<h2>需要准备的材料</h2>
<h3>详细步骤教学</h3>
5. 图片也不能忽视
搜索引擎看不懂图片，所以得靠alt标签告诉它这张图是什么。给图片起个有意义的文件名也很重要，别再用"img001.jpg"这种了。
<img src="homemade-pizza.jpg" alt="刚出炉的家常披萨，表面有番茄和芝士" title="自制美味披萨">
6. 网站内部多串门
自己网站的文章之间多加点链接，不仅方便用户阅读更多内容，也能让搜索引擎更顺畅地爬遍你的网站。
看看相关的SEO技巧>>>7. 网址也要讲究一下
干净好记的网址不仅用户喜欢，搜索引擎也喜欢。尽量包含关键词，别搞一堆乱七八糟的参数。
不太好的URL：
<url>http://example.com/page123?id=456</url>
比较好的URL：
<url>http://example.com/homemade-pizza-recipe</url>
8. 技术层面的小优化
1. 网站地图（Sitemap）
简单说就是给搜索引擎画张地图，告诉它你网站有哪些页面，方便它快速了解你的网站结构。
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://example.com/</loc>
</url>
<url>
<loc>http://example.com/pizza-recipe</loc>
</url>
</urlset>
2. 机器人指令（Robots.txt）
告诉搜索引擎哪些内容可以爬，哪些不用爬，省得浪费资源。
User-agent: *
Allow: /
Disallow: /admin/
9. 外部链接也很重要
其他网站如果能链接到你的内容，相当于给你"背书"，搜索引擎会觉得你的网站更可信。当然，前提是这些网站本身质量要高。
相关资源推荐>>>10. 内容才是王道
说到底，无论SEO技巧多厉害，没有好内容一切都是白搭。定期更新有价值的内容，用户喜欢了，搜索引擎自然也会喜欢。
实用工具推荐：
11. 别忘了移动设备
现在大部分人都用手机上网，所以网站在手机上的体验一定要好。搜索引擎也会优先考虑移动端体验好的网站哦。