html对SEO的优化

我不是女神ヾ 2023-06-24 12:25 24阅读 0赞

1、**meta标签**，这个是重中之重

<title>html对seo的优化</title>
    <meta name="title" content="html对SEO的优化">/*不推荐用这个*/
    <meta name="keywords" content="SEO,爬虫，搜索引擎、百度、html优化">
    <meta name="description" content="通过html标签及属性的使用提高网站被爬虫爬取的几率，使用户百度时网站尽量排在前面，提高用户的点击率">

2、**logo**，给logo图片添加h1标签、a链接连接到首页以及alt

<h1>
       //这个href应该是要写线上的首页地址，比项目目录地址要好
    	<a href="https://blog.csdn.net/qq_37291064/article/details/90442991">
    		<img src="images/pagelogo.png"  alt="html对seo的优化"/>
    	</a>
    </h1>

3、img标签，img标签增加alt属性，这个logo的时候也提到了

4、a 标签  
a标签增加 title 属性，不可以有href="\#"这种空指向写法，另外我觉得大量的title感觉体验也不是很好，不需要的地方就不用了吧

5、h1~h6标签  
h1要分配给网站名称或给带alt标签的logo使用（这个前面也提到了），用以强调网站名称。h2标签用来定义“站点副标题”。如果没有副标题，h2标签最好也空着，以备不时之需。h3标签用来定义导航栏目名称，h4标签用来定义文章列表标题，但大多数内容系统，文章列表输出用UL标签，所以h4可能就派不上用场，这里只是以此类推。浏览器会自动地在标题的前后添加空行。请确保将HTML heading标签只用于标题。不要仅仅是为了产生粗体或大号文本而使用标题因为搜索引擎使用标题为你的网页的结构和内容标志索引。

6、添加robots.txt，搭建网站与搜索引擎对话的桥梁  
在项目根目录添加robots.txt文件，robots.txt文件可以告诉搜索引擎哪些是重点，哪些又是可以忽略的，节约搜索引擎蜘蛛抓取网页的时间，也在一定程度上节省了服务器资源

7、页面结构清晰，使用语义化标签比如header、footer、content、section，js、css使用外部文件

8、增加外部链接  
即是对方没有和你链接，你也是可以链接别人的，大概搜索引擎的算法体现了互联网“分享”的精神吧，通过外链网站的活跃度蹭点seo度9、前后端分离（vue、ajax）、flash不利于seo

9，适当增加友情链接，引入标签继续增加关键字做seo优化