SEO标题的写法及优化技巧

1、网页的标题标签有效长度是64个字节，汉语是32个字。长出来的部分无益有弊。为什么网页的标题标签太长反而不好？2、标题标签中务必出现这个页面的关键词，或者关键字词组。关键词和关键字词组的位置也有关系。同样条件下，搜索引擎优先考虑关键词和关键字词组靠前的。

3、标题标签中可以出现网站名字（品牌），比如我们大家都知道的“百度知道”“百度百科”品牌。每次我们看到这个字眼就会点进去，因为知道它们会给出好的答案和网页加载速度。但，品牌网站需要在每个网页标题加网站名称吗？

4、一个网页，不管多大多小，最多优化推广3个关键词为佳！这一点几乎大家都在犯傻。我想推广很多个关键词，怎么办？ ——答案是多建立目录，多做新的关键词相关的网页。

5、把广告语写入网页的标题标签（Title Tag），这是非常重要的。因为广告语才真正吸引用户点击进去。比如：“竞价排名，真正按效果付费的推广方式”，其中关键词是“竞价排名”，广告语“真正按效果付费的推广方式”。

6、网页的标题标签（Title Tag）规范化例子：

a、买鲜花选花香屋专业和实惠 超乎您的想像 （关键词“买鲜花”）

b、网页的标题标签（Title Tag）要怎么写才是最优化？——SEO十万个为什么 （关键词是帖子文章的标题）

2、通过dw设计面版：选中标题文字，在软件下面的面版中选择标题1-6都可以！

1)、不仅要分布关键词，更要能传递网站的定位。

2)、文字长度控制在20字左右。

3)、不要含有特殊符号。

4)、只放1到2个关键词。

5)、越重要的关键词放在越前面。

描述Description的撰写六大要求：

1)、不仅要分布关键词，更要概括出网站的优势，能为访问者带来什么好处。

2)、文字长度控制在60字左右。

3)、不要有特殊符号，要用全解的下逗号相隔。

4)、里面重复四次核心关键词。

5)、每一句话都要通顺。

6)、越重要的关键词放在越前面。

关键词Keywords的撰写四大要求：

1)、每个页面只放1到3个关键词。

2)、越重要的关键词放在越前面。

3)、用半角的逗号相隔。

4)、千万不要堆积关键词。

关键词的选择：

标签的撰写就按照以上的要点去写就行了。我们来看看搜企黄页网在标签的撰写上存在什么问题呢，先看首页，首页是整个网站权重最高的网页，在首页上我们应该优化核心的关键词。通过跟站长小M的沟通，我了解到小M想在首页上优化三个关键词分别为：电话号码、企业电话和电话黄页。

什么是核心关键词?所谓核心关键词就是网站潜在用户群搜索量最大的关键词。那么我们来看看搜企黄页网的用户群是那一些，搜企黄页网的用户群应该是一群查找企业电话号码、公司信息等相关的网民。他们可能在网上搜索：黄页、黄页网、黄页网站、企业黄页、企业名录、黄页大全网站等。这些应该是搜索的核心关键词，我们从中选择出1到2个做为首页优化的对象。而小m想优化的关键词电话号码、企业电话和电话黄页要么没有相关性，要么搜索量小，所以我否决了他的这三个关键词。

怎样选择核心关键词?当我们找出一些核心关键词时，我们要筛选出适合我们的关键词，而且关键词要有价值。就比如说企业名录、黄页网站、企业黄页这三个词那个价值更高呢，价值度从高到低分别为：企业名录、企业黄页、黄页网站。为什么?从这三个词在百度竞价的情况可以看出，企业名录的竞价网站最多，竞价的网站越多说明这个关键词越有价值。等关键词排名上去了，可以提供企业名录出售服务。

最后我们选择了核心关键词为企业名录和企业黄页。这两个词的百度指数(index.baidu.com)在400左右，有一定的搜索量，而且有网站做竞争说明这两个关键词有价值。黄页的百度指数最大的，为什么不选择他呢?因为竞争力度太大，而且关键词的对目标用户不精确。不是最佳的选择，等企业名录和企业黄页这两个关键词优化上去后，再考虑优化黄页这个关键词即可。

首页用来优化核心关键词，栏目页和内容页用来优化长尾关键词。通过分析流量统计，我发现搜企黄页网的长尾关键词主要由四类词组成：电话和手机号码，地名，公司名，人名，这四类词也就成为我们做长尾的对象了。

1. 为每一张网页创建独一无二的title标签，以便让google或其它搜索引擎将它和其它页面区分开来。 我们不能错误的通用一个title：众多网页用一个相同的title标签无法吸引到更多的流量。

2.精确地描述页面的内容，选择一个可以高效地容纳网页内容的主题。 选用错误的title标签会与网页内容无关, 像"untitled"或者"new page"这样的默认标题。

3.用简练但具有描述性质的title， title最好是既简短又饱含信息。如果title太长，google或其它搜索引擎就会在搜索结果里只显示title的一部分。 

我们不能随便堆积关键词。 一个对搜索引擎友好的title需要做到以下几点： 

1.首页title关键字权重问题，尽量把主关键字前置，有利收藏。

2.title与内容的相关性，title要包含所有要做的关键字，不能堆积。 

3.新站提交收录之前首页title一定要有唯一性。

4.

(1)在做SEO写title标签时，应当将当前页面最核心的关键词写进title标签中。

(2)由于搜索引擎的权重分配是根据人们的常用习惯来计算，因此我们在添加关键词时需要注意两点：

第一是越重要的关键词越要靠前写出来，

第二是不能关键词叠加

(3)语句通顺连贯。随着搜索引擎对中文语义的识别技术不断提高，搜索引擎正在不断将语义算法列入到权重和排名算法中，因此，简洁通顺的title标签，能给页面排名加分。

(4)品牌词的处理。一般网站页面的title标签中都要跟上网站名称或网站品牌词。这里建议大家将品牌词放到title标签的最后，或者是重要的关键词已经出现完毕的后面。如果该页面想要突出网站品牌词，就把它放在title标签的最前面。请尽量不要将品牌词放到title标签的中间。

(5)字数与个数限制。一般title标签我们的建议是不要超过28个字，这是因为搜索引擎一般最多能显示28个字，另外还有就是字数太多，会容易让关键词权重分散。一般title标签中关键词的个数在3个以内比较合适，首页可以增加到5个。

2、keyword标签

keyword标签曾经是搜索引擎非常看重的一个标签，因为它的作用是站长帮助搜索引擎识别网页主题。不过后来由于黑帽SEO的兴起，keyword标签目前已经被舍弃。但是，这并不意味着不再需要keyword标签了。

写keyword标签时需要注意，请不要堆砌关键词，关键词之间用半角逗号隔开，关键词的个数不要超过5个。还有，不要寄希望keyword标签能为页面带来重要关键词排名。

3、description标签

description标签建议根据title标签中的关键词来拓展描述，并且每个关键词都要完整出现一次。不要超过100个字，并且不要堆砌关键词，或写一些与页面毫无关系、页面中完全没有提到的内容

设计流程：

主题明确：

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。

设计思路：

1、简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。

2、使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美

3、整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

4、网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

5、交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

版式设计：

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

色彩作用：

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果企业有CIS（企业形象识别系统），应按照其中的VI进行色彩运用。

形式内容：

为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

三维空间的构成：

网络上的三维空间是一个假想空间，这种空间关系需借助动静变化．图像的比例关系等空间因素表现出来。 在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。

通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。

虚拟现实：

人们已不满足于HTML（标准通用标记语言下的一个应用）编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。

VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。

多媒体：

网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。

便于使用：

如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业信息和服务项目呢？使用一些醒目的标题或文字来突出您的产品与服务。

并且即使您拥有最棒的产品，如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这对于网页设计而言是失败的。

导向清晰：

网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。

快速下载时间：

很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站，在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此，建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通浏览者页面等待时间不超过10秒。

非图形内容：

在必要时适当使用动态“Gif”图片，为减少动画容量，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。

反馈与沟通：

让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗？是在线还是离线？

因此，如果是产品或服务介绍网站，应该有留言、电话、在线咨询等功能或信息呈现。

在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件．电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解．售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。

测试改进：

测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。应该与用户共同安排网站测试。

内容更新：

企业Web站点建立后，要不断更新网页内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的形象。

注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。

网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

标题设计：

在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现，这三个方面也可以被认为是网页标题设计的一般规律：

1、网页标题不宜过短或者过长

一般来说6-10个汉字比较理想，最好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词，字数过多不仅搜索引擎无法正确识别标题中的核心关键词，而且也让用户难以对网页标题（尤其是首页标题，代表了网站名称）形成深刻印象，也不便于其他网站链接。

2、网页标题应概括网页的核心内容

当用户通过搜索引擎检索时，在检索结果页面中的内容一般是网页标题（加链接）和网页摘要信息，要引起用户的关注，网页标题发挥了很大的作用。

如果网页标题和页面摘要信息有较大的相关性，摘要信息对网页标题将发挥进一步的补充作用，从而引起用户对该网页信息点击行为的发生（也就意味着搜索引擎推广发挥了作用）。

另外，当网页标题被其他网站或者本网站其他栏目/网页链接时，一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。

3、网页标题中应含有丰富的关键词

考虑到搜索引擎营销的特点，搜索引擎对网页标题中所包含的关键词具有较高的权重，尽量让网页标题中含有用户检索所使用的关键词。

以网站首页设计为例，一般来说首页标题就是网站的名称或者公司名称，但是考虑到有些名称中可能无法包含公司/网站的核心业务，也就是说没有核心关键词，这时通常采用“核心关键词+公司名/品排名”的方式来作为网站首页标题。

开头所列举的某网络营销服务商网站首页标题实例，其实也是采用这种方式来设计网页标题，只不过由于罗列了太多的“核心关键词”，反而没有了核心。

做美工看起来并不是一件容易的事情。首先，要对整个站点和企业有个大致的了解。例如：某些企业喜欢蓝色的主调，你不可能去做个红色的主调，这样完全违背客户的主要意愿，如果百度的标志改成五颜六色的，相信大家也不会认可的。

站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和基本知识。

百度百科-网页设计 （网站技术）

这里将介绍一些常见的网页布局形式，例如卡片式、分屏布局、网格布局……一起来看看吧！

卡片式布局被Pinterest、脸书和推特等网站所使用，它非常适合在新闻网站和博客上使用，因为 卡片式布局可以在页面上放置大量内容，同时又保持每部分内容各不相同。

卡片式布局主要有两种形式：

网页中每个卡片的尺寸相同，卡片的排列非常标准，例如dribbble、UI中国的网页布局；

使用不同尺寸的卡片组成页面的布局，卡片间没有固定的排序，例如Pinterest、花瓣的页面布局。

当两个元素在页面上具有相等的权重时， 分屏布局是一种流行的设计选择，并且通常用于文本和图像都需要突出显示的设计中。

分屏设计特别适合电子商务网站上的产品页面。 产品图片需要在页面上突出显示，但价格、规格、购物车按钮等信息也要显示。

随着移动设计的盛行，大标题排版变得流行起来。大号字体在标题中特别流行，在一些网站的正文中也能看到。

较大的文本更具可读性，可以改善使用体验。 另外它还提供了强大的视觉效果，因此这种布局在极简主义设计中特别受欢迎。

个性化算法推荐可以根据每个人的喜好量身定制数字体验。 人工智能技术的发展让算法变得更易用，能精确分析用户的喜好。

根据用户之前的订阅习惯，Netflix可以为用户个性化推荐他们最有可能观看的电影。

像Medium这样的网站会基于用户以前阅读和喜欢的内容，向他们展示很多同类型的文章。

网格为设计提了视觉上的平秩序感， 以一种平衡且有组织的方式呈现内容，使内容更易于人们使用。

在网格设计中使用不同大小的内容可以在保持内容有序的同时增加视觉吸引力。

杂志和期刊的布局方式影响了网络杂志的版面设计。 这些网页布局很适合有大量内容的网站，尤其是每天都需要更新内容的网站。

单页布局将网站的所有主要内容放在一个网页上，通过滚动完成导航，有时还使用视差滚动效果。

对于内容稀疏的网站，单页布局是一个很好的解决方案。同时它也是内容叙事的完美选择，比如交互式儿童读物。

F型和Z型布局是指用户的视线如何在页面上移动，即用户如何扫描内容。F型布局有非常明确的视觉层次结构，因此适合内容更多的页面。

Z型布局将视线吸引到顶部，然后沿对角线方向向下延伸到底部，然后再次延伸。

在设计中，不对称会产生动态化的视觉冲击力。大多数情况下不对称是由于图像和文本间无法平衡而造成的。

由于不对称会产生动态的、充满活力的视觉印象，因此对那些想要传达这种形象的品牌来说是非常有用的。

这种布局的优点在于完全专注于内容，没有视觉上的混乱。

干净简单的布局几乎适用于任何类型的网站。许多优雅的网站都可以被认为是“简洁的”，无论它们包含什么设计形式。

导航标签适合用于包含少数项目的菜单，否则导航会显得很混乱。

轮播内容包含图像和文本，通常出现在网站的顶部，用来突出显示内容。

好的网页设计具有很强的适应性并且对用户来说始终是友好的。

遵循网页布局的最佳实践，能够带来全新的数字体验，灵活地调整不断变化的技术和设计趋势，进一步实现品牌目标。

精彩推荐：

1、聊聊卡片式设计的运用

2、案例分析：栅格系统的布局设计

3、如何设计深色模式？这3点因素需要考虑

4、深度解析：服务蓝图的应用逻辑 设计