html对SEO的优化

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

以上只是站在seo的角度出发,具体根据自己情况而定,不过前几条应该不是问题,就像后两条没有外部链接怎么办,非要强行添加吗?不使用前后端分离你这是在搞笑吧,所以该舍弃的时候还是要舍弃,而且前后端分离这种现在也有提高seo的办法,用服务端渲染功能,俗话说兵来将挡、水来土淹。

猜你喜欢

转载自blog.csdn.net/qq_37291064/article/details/90442991
今日推荐