从SEO角度初步制作网站模板的步骤与方法

之所以本文标题是从S初步叫初步制作，是角度因为(wei)我觉得模板的制作与修改(gai)应该是基于大量的现有数(shu)据(ju)研究而得出的，但是制作骤方一个网站上线，你(ni)必须要设计出一个初始模板才能获取数据，网站而(er)初始模板的模板设计也是有技巧的，若是从S初步我们模板过于糟糕，则需要我(wo)们修(xiu)正数次(ci)才有可能得到最终的角度数据(ju)结果，这显然对网站是制作骤方(fang)不利的。

那(na)么(me)我们如(ru)何制作(zuo)初始模板？网站

1.制作草图。

在制作(zuo)草图时，模板我们要考虑以下几(ji)个方面：

竞争对手的从(cong)S初步(bu)网站设计。这里所说的角度竞争对手(shou)，是制作骤方指你主关键词自然排名前(qian)三的站点，在这里你要注意这(zhe)么几个方面：

a.对手的网站页面布局。这个应该是(shi)模板你在设计第一套模板时耗时长的(de)步骤，任何一个优化站其访问纵深和跳出率都是优化人员格外关心的数据，既然你的前辈们如此布局网站，那可能有(you)一定的道(dao)理在里面，比如其轮展的图片的选择、首页调用栏目的选择、首页设计与其目标关键词的相关性等，找出设置它(ta)们的(de)理由，然后根据自身情况来制定首页布局。

b.首页打开的速度。若对方打开很快，那(na)你至少要和其(qi)速度持平，但倘若对方打开较慢，则你的速度必须快过他。

②优化制作草图时的细节。设计仅仅是一个(ge)方面，将(jiang)设计由(you)代码实现的时候，就由很多seo因素要优化了。

a.重要文字的css控制(zhi)。一些重要文字，可以用h2或h3标签，不必担心h1标(biao)签会引起不美观，因为你完全可以通过css来控制你文字的展现。但要注意，切记不可多用，太多重点等于没重点。

b.图片(pian)web化，缩小大小。这没什(shen)么好说的。

c.无意义的锚文字，例如“更多(duo)”，“点击了解详情”等，改(gai)用图片链。

d.细节代码要补全，例如为img标签添加alt属性等。

e.避免文字截断。有(you)时候(hou)一些开源程序中调用的(de)锚文本若是文(wen)字太长，会被自动截断（例如织梦CMS），我们要编写css,将溢出的文(wen)字由“....”替代显示，但是html代码中依旧存在。

2.优化模板速度。

说道优化模板速度，我就需要先说一下浏览器的工作原理。

浏览器是如何工作的呢？简单来说，其工作原(yuan)理很简单，用户在浏览器中提供一个URL，比如“http://www.letians.cn/231.html”,则浏览器会将这段URL拆分为三部分。

协议头：http://

域名(ming):www.letians.cn

文件名：/231.html

在此展开说一下，很多人问我做外链的时候，首页加不加那个“/”有区别(bie)吗，我想通过上述讲解大家(jia)就应该明白了，是有区别(bie)的，但是随着搜素引擎的发展，我感觉影响不大，但是(shi)还是建(jian)议大家(jia)做的(de)时候统一一下，要么就都加，要么就都不加。

那么浏览器接收到文(wen)件(jian)开始处理的时(shi)候，主要是5大组件进(jin)行工(gong)作，这5大组件分别是：

用户界面：我(wo)们平时(shi)看到的(de)界面。

渲染引擎：负责解析文件源码。

核心引擎：将渲染引擎与端口相结合的接口。

JS解析器：解(jie)析JS代码。

这里要说一下，上述是功能性的(de)组件，并非是浏览器的构成，不同的浏览器内核实现这些功能的方法不同。这5个部分只是对浏览器很肤浅、很模糊的概念性了解。

那么我(wo)们在(zai)模板中，要尽量如何操作(zuo)呢？

b.减少JS代码。JS代码尽可能放在标签内。

c.尽可(ke)能减少文件大小。

通过上(shang)述步骤，基本上初始的模板就已经制作完成(cheng)了，剩下的就(jiu)是在网站的运营过程中(zhong)监控用户的聚焦点(dian)以及(ji)站内流量，来根据数据来具体的优化用户体验了。

来源： SEO实战营 链接：https://mp.weixin.qq.com/s/N0hm4KjoQN9VEpU92lN1Xw