语义化标签

最新推荐文章于 2024-06-17 17:48:38 发布

微笑、不失礼471

最新推荐文章于 2024-06-17 17:48:38 发布

阅读量314

点赞数

文章标签： servlet

本文链接：https://blog.csdn.net/weixin_55711841/article/details/126473484

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="这是一个专职与养猪的网站, 里边收录了各种养猪技巧,猪饲料配方, 猪肉存储运输方案, 母猪人工配种技巧,母猪产后护理等">
<meta name="keywords" content="养猪, 技巧, 猪饲料, 猪肉, 配种, 母猪产后护理">
<title>养猪</title>
</head>
<body>
语义化: 看到它就知道它是干啥的
语义化标签: 使用单词作为标签,使标签更容易被识别
常见的语义化标签
结构化标签: header, main, footer, nav, aside, hr
文本标签: p, h1-h6, strong, i, del

什么是HTML语义化？HTML语义化的好处是什么？
html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;
即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;
搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;
使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

什么是SEO? 如何做SEO优化?
SEO，是英文SearchEngineOptimization的缩写，中文的意思: 搜索引擎优化。SEO的目的就是让网站或者网页在搜索结果中，处于靠前的位置。
实现SEO优化的方式有:
1、合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可；description把页面内容高度概括，不可过分堆砌关键词；keywords列举出重要关键词。
2、语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页
3、重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，保证重要内容一定会被抓取
4、重要内容不要用js输出：爬虫不会执行js获取内容
5、少用iframe：搜索引擎不会抓取iframe中的内容
6、非装饰性图片必须加alt
7、提高网站速度：网站速度是搜索引擎排序的一个重要指标。

</body>
</html>