网站tag标签如何使用布局

一、TAG标签的作用

Tag标签有两个明显的特性，一是可以自定义，二是对文章的高概括性。这就决定了它的作用是让我们发布的文章更容易被用户搜索到，便于用户根据兴趣或需求快速找到目标文章。

二、TAG标签的优化

1、始终要记得是为了方便用户而设置的

如果我们的网站没有足够优秀的用户体验，就很难获得排名、留住用户、促进产品交易，始终要记得TAG标签使用原则第一点就是注重用户，高于SEO。

2、与文章具有相关性的长尾词是最佳选择

TAG标签是为了将网站上同类或同主题的文章聚集在一起而生的，所以在设置的时候要保持与文章的相关性是必然，那么为什么还要用长尾词呢，不能用核心词吗？如果你想造成页面内部竞争，分散内部权重的话，就尽管把标签写成首页核心关键词吧！

3、每篇文章的TAG标签数量保持在3个为宜

对于tag标签的数量，亿丰网络之前做过一个小调查，有的站长从来不写标签，有的站长只是象征性地写1个，还有的站长习惯写一大堆，5个起步，7个不嫌多。其实，不管多少都不叫错，只要站长高兴、认为有用就可以。若是把优化效果考虑在内的话，保持在3个为宜。

4、TAG标签字数不宜过长且一定不能是句子

不超过5个字的tag标签对用户体验是最有利的，最不利的就是直接使用一个完整的句子。

5、tag标签页面内容要充实

这一点无需多说什么了吧，即便是新手站长，想必也不会犯这个错误吧。

只有现代浏览器支持直接使用自定义标签功能，IE需要9.0版本以上，其他如firefox等浏览器已经支持。

HTML只是一个标准，和自定义标签没有关系，CSS类似。

制作网页不提倡使用自定义标签，因为对搜索引擎不友好，在维护上也容易产生困惑，如果不考虑这方面因素，请尽情使用，低版本浏览器也可以支持。使用方式为：

在head标签中加上下面代码

<script type="text/javascript">

document.careatElement("你定义的标签")

</script>

使用上面的代码后，可如正常标签一般使用你自己定义的标签。

<div contenteditable="true">可以编辑里面的内容</div> 如果你在BODY里面加上contenteditable="true"，可以发现该属性是多么的神奇。因此我们可以给HTML标签设置contenteditable="true"属性则可以对该标签进行编辑。 contenteditable属性兼容所有浏览器（IE6之前的版本是否兼容未测试） 在有些时候我们完全可以用DIV去替代input或者textarea来达到同样的效果，例如，在使用ajax的时候，在提交表单时我们可以获取DIV的内容。 细心的人会发现，QQ空间中的发表说说的文本框其实就是一个DIV，而非textarea文本框。 Div+CSS如何模拟textarea文本域高度自适应以达到html5标准的contenteditable属性 主要通过为标签添加HTML5中的contenteditable属性达到此效果（contenteditable：规定是否允许用户编辑内容），很棒的是，此属性IE也会支持，所以不用再为兼容问题太去纠结了。 DEMO： 复制代码 代码如下: <style type="text/css">.demoEdit{border:1px solid #ddddddwidth:450pxmin- height:20px_height:20pxoutline:0pxpadding:2px} // outline:0px样式解决容器获取焦点时,在FF浏览器下容器会显示虚线框的效果. .demoEdit p{margin:0pxpadding:0px} </style><div contenteditable="true" style="border:1px solid #ddddddwidth:360pxmin-height:20px_height:20pxoutline:0px"></div><div contenteditable="true" class="demoEdit"></div> 附: 在FF浏览器下,容器获取焦点时,光标的高度会与容器的高度一样高或者不显示光标. 此时若为容器默认加个占位符,比如<br/>或 可以解决这一问题. 现在煜子给大家介绍另一种可编辑可自动适应高度,但又不用加js代码的好方法。让大家开开眼界，煜子直接使用DIV也可以当文本框用，类似于TextArea文本框，更重要的是DIV的用户体验更完美更帅。 Html中的contentEditable属性可以打开某些元素的可编辑状态。也许你没用过contentEditable属性，甚至从未听说过，contentEditable的作用相当神奇。可以让div或整个网页，以及span等等元素设置为可写．我们最常用的输入文本内容便是input与textarea 使用contentEditable属性后，可以在div,table,p,span,body,等等很多元素中输入内容．特别是contentEditable已在html5标准中得到有效的支持。大家来见证一下吧。 设置contentEditable=”true”属性后，是不是相当的神奇。

---