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

那么我们如何制作初始模板？

1.制作草图。

在制作草图时，我们要考虑以下几个方面：

竞争对手的网站设计。这里所说的竞争对手，是指你主关键词自然排名前三的站点，在这里你要注意这么几个方面：

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

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

c.分析你用户的实际需求与潜在需求。实际需求由何而来，来自于入站的关键词，比如你用户搜索的是“天津人流多少钱”这个词，那么其实际需求是想知道价格，但是其潜在需求是想在天津地区做人流，则无痛、安全等诸多因素可能是影响其最终转化的重要环节，这时候你就要依托于模板，利用不同的位置将用户进行细分，进行精心的转化。这方面，可以参考那些做得好的竞争对手。

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

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

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

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

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

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

2.优化模板速度。

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

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

协议头：http://

域名:www.letians.cn

文件名：/231.html

然后将域名发给DNS解析，当解析成功后，再将文件名发给服务器，由服务器提取文件返回给浏览器，浏览器将文件解析展示给用户。而这里要注明一点，就是当我们访问网站首页的时候，浏览器会自动将最后那个“/”过滤掉。

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

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

用户界面：我们平时看到的界面。

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

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

JS解析器：解析JS代码。

数据存储：存储一些临时文件，例如cookie。

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

那么我们在模板中，要尽量如何操作呢？

a.减少请求路径，凡是有一个路径，我们的浏览器的就会多一次向服务器发送一次请求，如果在网页中把多次使用的css、js等统一的放在的head，就需要一次请求。

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

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

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

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