网站首页如何进行SEO优化排名？

网站优化最新接触到的页面就是网站的首页，很多做SEO优化的人会说首页嘛，不就是放主关键词、页面排版、内容调用就完事了，其他还有什么可以优化的呢。其实首页的SEO优化还真的不止这些，还有代码审查，H标签的合理使用，内容布局等，下面来一一揭晓。

首页是网站的入口页面，也一个网站的门脸，首页的内容调用和布局排版对内页的SEO优化虽然没有太大的影响，但是首页可以很容易获得较高的权重和关键词排名，优化好首页是一件重要的事。

01

首页标题的优化

首页标题就是一个网站的宗旨，别人一看你的网站名称就知道是做什么领域和内容的，首页title优化的基本格式是如下。

网站名称_一句带有多个关键词广告语的话

网站名称_关键词1，关键词2，关键词3

这里要特别说明的是网站名称一定要放在最前面，很多的seo喜欢把首页优化的关键词放在前面，最后才是网站名称，或者干脆把网站名称去掉，这样的优化方法都是不正确的，或者说是方法不当。

不论你认为这个关键有多么重要，都不应该放在网站名称的前面，从网站运营的角度，网站名称本身就是一个品牌，在时间累积过程中会慢慢在用户脑海形成一个印象，长期的积累过后用户会直接搜索网站的名称文不是你设置的关键词。

比如我们上京东买手机不会搜索“买手机的网站”，上当当买书也不会搜索“买书网站”，而是直接找网站的名称。

02

首页布局排版的SEO优化

在几年前除了一种比较流行的滚动加载内容的效果，最初在聚美优品和唯品会这样的网站时很流行，网站首页是无限滚动加载内容的，也就是你怎么都不会到底部。很多的网站觉得这样效果非常棒，于是纷纷模仿，其实对SEO优化来说非常不友好。

原因是这样的无需加载技术使用的是延迟加载方法，通过js技术来实现，在前端开发中习惯上称之为“懒加载”，是一整根据用户屏幕加载的方法，对于搜索引擎来说，蜘蛛不会滚动屏幕展现内容啊，怎么能很好的抓取页面内容。

大站使用这样的方法为什么没有问题？因为大站有钱做推广，人家只在乎用户体验，不怕没有流量，由于推广来的用户流量很大，搜索引擎也会按照一定的数据给予优质的排名。如果是小小站，学这样的方法就是自掘坟墓，没有流量、没有用户，优化又很一般，凭什么给你好的排名？所以宁愿丑一点的页面，也不要这种看似很时尚却对优化没有什么好处的技术。

03

首页内容调用的问题

一般来说首页都会有轮播图，站内新闻，推荐阅读，最新发布等内容，其中轮播图对优化是没有作用的，纯属于为了良好的用户体验。

不论你怎么调用内页的数据，但是网站首页一定要保证有一个“更新器”，也就是你新发布文章或推荐到首页的内容是动态的，不是固定不变的。

也就是说网站首页不应该是一潭死水，你制作好了一个模板，之后若不更改模板，就会一直这样毫无变化，这样是不利于SEO优化的，起码时不时的要有一点变化，哪怕是新发布的文章也行。

04

logo使用img且在H1标签内

网站的首页一般都会有一个logo，但是说实话，网站logo的展示方式还真的五花八门，不是说logo不好看，而是logo所在的代码不合格。

正确的logo所在的代码应该是这样的：

<h1><a href="host"><img src="/logo.png" alt="网站名称" /></a></h1>

首先logo应该写在img图片标签内，这样搜索引擎可以完美地识别；有些人把logo图片写在css-background属性里面，然后再通过css来控制logo的大小，虽然看上去和正常的显示没有区别，但是搜索引擎蜘蛛会忽略background里面的图片，当作网站的一个元素图标来处理。

常见的错误写法<a href="host"></a>然后使用css把logo图片写在a标签的背景图片里，为什么不对呢？首先a表示一个超链接，其次a标签里面的锚文本（关键词）是空的，既没有文字也没有图片，这是一个空连接。

h1的作用是权重标签的使用，对于搜索引擎来说，每一个页面的h1标签就是该页面的标题，由于首页不能像发布文章那样有文章标题，所以logo就是唯一的选择。h1不能改用div，这些都很重要的细节，属于代码优化的范畴，要认真对待。

05

PC与M端的移动适配

移动适配就是将拥有移动页面和PC页面的两种页面进行SEO优化合并，这里的合并并不是真正的把页面合并成一个页面，而是将权重集中起来，比如有独立的移动端页面，做了移动适配之后，用户不论是在手机端还是PC端搜索你的网站关键词时都会显示PC端页面，但如果是移动端进入网站又会自动跳转到你的移动端页面，这样更有利于关键词排名靠前。我发现有的SEO把内页的移动适配做得很好，但是首页貌似忘记了！

移动适配分为自适应和响应式，根据百度资源平台的说明，自适应页面的移动适配规则是这样的，在自适应首页的模板head标签添加meta标签如下。

<meta name="applicable-device" content="pc,mobile">

<meta http-equiv="mobile-agent" content="format=html5;url=你的域名/">

<meta http-equiv="mobile-agent" content="format=xhtml;url=你的域名/">

这样自适应（PC和移动端网址一样）的移动适配就设置好了。如果PC端和M端的网址不一样，那么使用下面的规则分别在head里面添加meta标签，在PC模板的head里面添加如下meta。

<meta name="applicable-device" content="pc" />

<meta http-equiv="mobile-agent" content="format=html5; url=移动端首页url" />

<meta http-equiv="mobile-agent" content="format=xhtml; url=移动端首页url" />

<link rel="alternate" media="only screen and (max-width: 640px)" href="移动端首页url" />

然后对应的移动M端首页模板里面添加如下meta标签：

<meta name="applicable-device" content="mobile" />

<link rel="canonical" href="PC首页url" />

这样自适应和有独立PC移动页面的移动适配就添加完成了，需要注意自适应时的规则相对简单，而PC端和移动端网址不一样时需要添加代码稍微复杂一些，如果不明白在百度资源平台可以找到相关的说明文档，上面是我整理好的适配规则，直接使用就行。

06

关于首页是否添加canonical标签

对于大部分seo对于首页都不会添加canonical，我们都知道canonical标签的意思是“权威”URL，如果同一个页面有多个不同的网址可以访问时，需要添加canonical标签来建议搜索引擎采纳哪一个url，对于首页有没有必要使用呢？

首页添加canonical是很有必要的，原因有这些：①首页其实有多个入口，比如host/index.php，host/index.html这2种常见的自动在网站域名后面加上后缀的形式，也就是说前面这2种加上网站的域名，首页可以有3个URL可以访问，那么添加canonical标签就非常有必要了。

举个例子，有人使用dedecms来做的网站，搜索引擎收录了带index.html后缀的首页排名还不错，但是不带index的首页却不收录，这就是因为默认被跳转了，带index的流量大，搜索引擎认为这是用户需要的，以至于有人就很苦恼了，不希望收录排名却上去了。

在首页面模板head标签中添加如下代码：

<link href="首页url/" rel="canonical" />

注意url是顶级域名，并且最后加上一个斜杠。这样就解决了首页多入口多后缀时顶级域名的权威性。

以上就是网站首页SEO优化的全部内容，如有遗漏欢迎补充，更多优质内容持续分享，欢迎关注。