成都企业网站在前端开发设计过程中，怎样去优化呢？（下）

Posted 2021-04-08 数字说精准营销

文/四川数字说(阅读时间3分钟)，转载请注明来自百家号：数字说营销

上期小编从网站品牌、网页排版、用户界面以及用户体验着四个方面给大家介绍了网站如何进行前端开发设计优化，给用户带来全新的视觉体验。

今天继续接着网站视觉效果设计话题进行探讨。

搜索引擎优化

(1)为每个页面选择一个关键词，这个关键词关系到页面排名。围绕这个关键词，优化这个页面的方方面面。

(2)给每个页面设定一个充满关键词的title 标签。标题会显示在谷歌搜索结果的蓝色链接文字上，有 55 个字符的长度限制。

(3)每个页面有且仅有一个 H1 标签。在大多数情况下，这个标签的文字应该和 title 标签相同。

(3)在页面内容中包含很多 H2、H3 和 H4 标签，以创建小标题来显出视觉层次感。

(4)用一个特定的关键词优化页面，可以通过把它包含在标题、H1、副标题和内容的前 1/3 部分，来进行优化。

(5)你的meta 标签的描述(description)会显示在搜索引擎的链接下方。所以确保你的每个页面都包含 meta description，并确保在描述里包含关键词。

(6)google 把域名的注册时长考虑到算法中，他们认为注册时间长的域名更有可能提供高质量的资源。

(8)为了提高图片的排行，建议上传之前应该是重命名你的图片和其它文件。

在站点中包含 robots.txt 文件，告诉爬虫哪些页面应该或不应该被索引。【说明：Robots协议(也称为爬虫协议、机器人协议等)的全称是“网络爬虫排除标准”，网站通过Robots协议告诉搜索引擎哪些页面可以抓取，哪些页面不能抓取。】

网页速度

(1)保持页面请求低于 50 个。页面中的每个文件和图片都是一个 HTTP 请求，请求数越少，加载速度越快。平均每个网页的请求数是 70个。使用 GTmetrix 可以检查你的网页请求数。

(2)设计页面元素时，使用 CSS代替背景图片。不要使用图片来显示按钮、表单或者其它通用的元素。CSS 的加载速度更快，并且在响应式布局中更加灵活。

(3)在图片上传之前优化图像。比如 TinyPNG 这样的工具，可以帮助你在不降低分辨率或者图像质量的情况下，减少图片文件大小。

(4)使用内容分发网络(Content Delivery Network) 来存储你的图片和其它大文件，并放在世界上的不同区域中。CDN 通过策略定位好的服务器，存储分发你的文件，可以最大化加速页面速度，当然加载速度也根据访客的所在地区而有所差别。

(5)在上传你的代码文件到服务器之前，通过编译和压缩工具，最小化 javascript, html 和 CSS。

对于 JavaScript，可以使用 Closure Compiler。

对于 HTML，可以使用 HTML Minifier。

对于 CSS，可以使用 YUI Compressor。

(6)把 阻塞渲染的 JavaScript 移动到底部。唯一应该放在头部的脚本是那些会立刻影响页面设计的内容，比如：自定义字体。

网页内容

(2)除了主页之外，“关于页面”可能是用户最常访问的页面了。要确保这个页面能够很好地代表你和你的公司。