王尘宇王尘宇

研究百度干SEO做推广变成一个被互联网搞的人

网站SEO优化之若何运用好meta标签?


 

  网站SEO优化之若何运用好meta标签

  在SEO网站优化过程中应该知道网站的三大meta标签的主要性,这三种标签设置的利害直接影响着网站后期的优化效果。下面品创天下就来和人人说说在SEO优化中若何运用meta标签。、

  meta标签之题目(Title)

  网站的题目标签是三个之中最主要的一个,对于搜索引擎来说,这个要比关键词和形貌标签主要,以是一定要把网站要做的焦点关键词或者品牌以及公司的名称写上去,一样平常是以ldquo;关键词+公司名称或品牌rdquo;的花样写的,固然现在也有一些会写成一句话,包罗我们想要的内容,这是一种新的形式,固然若何把这句话写的更合理,更能够吸引客户也是一个挑战。

  meta标签之关键词(Keyword)

  关键词标签相对来说没有其他两个标签主要,然则也要写,一样平常是把自己网站要做的关键词写进去,然则也有长度的限制,不能有若干写若干,更不能为了提高关键词密度而堆砌关键词。在设置的关键词最好把主要的放在前边,然后依次往后排序,一样平常是4个或者5个最好,关键词之间用英文的逗号离隔。

  这个标签在已往很主要,然则现在却没什么价值了。现在没有一个主流的搜索引擎使用meta keywords来判断网页的内容了。在meta keywords标签内里,你可以存储几个关于网页内容的关键字。然而,它却不会提高你的排名。若是你想要实现它(只管我不知道你为什么这样做)你可以用如下代码:

  meta标签之Robots

  Meta RobotsMeta robots标签治理着搜索引擎是否可以进入网页,你可以用它来允许或不允许搜索引擎来获取你的网页、进入你网页中的子链接或对你的网页存档。

  这个 meta 标签告诉搜索引擎不要获取网页,而且阻止其进入链接。若是你不小心使用了两个矛盾的术语 (例如noindex 和index),谷歌会选择最具限制性的选项。

  为什么这个标签会对搜索引擎优化(SEO)起作用呢首先,它可以防止对拷贝内容的冗余抓取,例如页面的打印版页面。它也可能会对那些内容不完整的页面或者而存在私密信息的网页起作用。

  meta标签之形貌(Description)

  形貌标签主要是向用户和搜索引擎展示我们的网站是做什么的,一个及格的形貌标签需要包罗公司名称、主要产品和关键词、联系电话,一些长尾词也是可以泛起在形貌中的,这个也是一个增添关键词的技巧。由于在搜索引擎上最多只能显示形貌的80个字,以是只管把字数保持在80个以内,若是真的需要跨越80个,要把主要的信息放在前80个字中,这样就能够把主要的信息完整的展示出来。p分页题目e

  这个标签曾经在搜索排名中占有很大的权重,但随着算法的不停的更新升级,它的职位也逐渐降低。它虽然不会提高网站排名,然则,由于它会被用在搜索引擎的效果页,以是依然有用。

  这也就意味着它仍然可以提高你的网页点击率。究竟,当用户搜索的关键词与之相匹配时,会以粗体显示突出显示。这就是为什么一个好的页面说明 (行使关键字的) 可以显示更多与用户相关的信息,进而提高了点击率。

  简朴的说,有三个meta标签,你应该关注一下:Description、robots、title(经常被视为是,但专业来讲不是)。Description标签被用来显示更多有关网页内容的信息,搜索引擎也会在搜索引擎效果页面(SERP)使用它。robots标签用来阻止搜索引擎获取拷贝页面、私密页面和未完成的页面。最后,最主要的title标签,控制它在70个字符以下,并在其中使用关键词

  

  标签提供关于HTML文档的元数据。元数据不会显示在页面上,然则对于机械是可读的。它可用于浏览器(若何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 mdash;mdash; W3School

  需要属性

  属性值形貌

  contentsome text界说与http-equiv或name属性相关的元信息

  可选属性

  属性值形貌

  http-equivcontent-type / expire / refresh / set-cookie把content属性关联到HTTP头部。

  nameauthor / description / keywords / generator / revised / others把 content 属性关联到一个名称。

  contentsome text界说用于翻译 content 属性值的花样。

  网站SEO优化

  页面关键词,每个网页应具有形貌该网页内容的一组唯一的关键字。

  使用人们可能会搜索,并准确形貌网页上所提供信息的形貌性和代表性关键字及短语。符号内容太短,则搜索引擎可能不会以为这些内容相关。另外符号不应跨越 874 个字符。

  lt;meta namequot;keywordsquot; contentquot;your tagsquot; /gt;

  页面形貌,每个网页都应有一个不跨越 150 个字符且能准确反映网页内容的形貌标签。

  lt;meta namequot;descriptionquot; contentquot;150 wordsquot; /gt;

  搜索引擎索引方式,robotterms是一组使用逗号(,)支解的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。确保准确使用nofollow和noindex属性值。

  lt;meta namequot;robotsquot; contentquot;index,followquot; /gt;lt;!8211;

  all:文件将被检索,且页面上的链接可以被查询;

  none:文件将不被检索,且页面上的链接不可以被查询;

  index:文件将被检索;p分页题目e

  follow:页面上的链接可以被查询;

  noindex:文件将不被检索;

  nofollow:页面上的链接不可以被查询。

  8211;gt;

  页面重定向和刷新:content内的数字代表时间(秒),既若干时间后刷新。若是加url,则会重定向到指定网页(搜索引擎能够自动检测,也很容易被引擎视作误导而受到责罚)。

  lt;meta http-equivquot;refreshquot; contentquot;0;urlquot; /gt;

  其他

  lt;meta namequot;authorquot; contentquot;author namequot; /gt; lt;!8211; 界说网页作者 8211;gt;

  lt;meta namequot;googlequot; contentquot;index,followquot; /gt;

  lt;meta namequot;googlebotquot; contentquot;index,followquot; /gt;

  lt;meta namequot;verifyquot; contentquot;index,followquot; /gt;

  移动装备

  viewport:能优化移动浏览器的显示。若是不是响应式网站,不要使用initial-scale或者禁用缩放。

  大部分4.7-5寸装备的viewport宽设为360px;5.5寸装备设为px;iphone6设为375px;ipone6 plus设为414px。

  lt;meta namequot;viewportquot; contentquot;widthdevice-width, initial-scale1.0,maximum-scale1.0, user-scalablenoquot;/gt;

  lt;!8211; `widthdevice-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时泛起黑边 8211;gt;

  1.width:宽度(数值 / device-width)(局限从200 到10,000,默以为980 像素)

  2.height:高度(数值 / device-height)(局限从223 到10,000)

  3.initial-scale:初始的缩放比例 (局限从gt;0 到10)

  4.minimum-scale:允许用户缩放到的最小比例

  5.maximum-scale:允许用户缩放到的最大比例

  6.user-scalable:用户是否可以手动缩 (no,yes)

  7.minimal-ui:可以在页面加载时最小化上下状态栏。(已弃用)

  注重,许多人使用initial-scale1到非响应式网站上,这会让网站以100宽度渲染,用户需要手动移动页面或者缩放。若是和initial-scale1同时使用user-scalableno或maximum-scale1,则用户将不能放大/缩小网页来看到所有的内容。

  WebApp全屏模式:伪装app,离线应用。

  lt;meta namequot;apple-mobile-web-app-capablequot; contentquot;yesquot; /gt; lt;!8211; 启用 WebApp 全屏模式 8211;gt;

  隐藏状态栏/设置状态栏颜色:只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。

  lt;meta namequot;apple-mobile-web-app-status-bar-stylequot; contentquot;black-translucentquot; /gt;

  添加到主屏后的题目

  lt;meta namequot;apple-mobile-web-app-titlequot; contentquot;题目quot;gt;

  忽略数字自动识别为电话号码

p分页题目e

  lt;meta contentquot;telephonenoquot; namequot;format-detectionquot; /gt;

  忽略识别邮箱

  lt;meta contentquot;emailnoquot; namequot;format-detectionquot; /gt;

  添加智能 App 广告条 Smart App Banner:告诉浏览器这个网站对应的app,并在页面上显示下载banner(如下图)。参考文档

  lt;meta namequot;apple-itunes-appquot; contentquot;app-idmyAppStoreID, affiliate-datamyAffiliateData, app-argumentmyURLquot;gt;

  lt;!8211; 针对手持装备优化,主要是针对一些老的不识别viewport的浏览器,好比黑莓 8211;gt;

  lt;meta namequot;HandheldFriendlyquot; contentquot;truequot;gt;

  lt;!8211; 微软的老式浏览器 8211;gt;

  lt;meta namequot;MobileOptimizedquot; contentquot;320quot;gt;

  lt;!8211; uc强制竖屏 8211;gt;

  lt;meta namequot;screen-orientationquot; contentquot;portraitquot;gt;

  lt;!8211; QQ强制竖屏 8211;gt;

  lt;meta namequot;x5-orientationquot; contentquot;portraitquot;gt;

  lt;!8211; UC强制全屏 8211;gt;

  lt;meta namequot;full-screenquot; contentquot;yesquot;gt;

  lt;!8211; QQ强制全屏 8211;gt;

  lt;meta namequot;x5-fullscreenquot; contentquot;truequot;gt;

  lt;!8211; UC应用模式 8211;gt;

  lt;meta namequot;browsermodequot; contentquot;applicationquot;gt;

  lt;!8211; QQ应用模式 8211;gt;

  lt;meta namequot;x5-page-modequot; contentquot;appquot;gt;

  lt;!8211; windows phone 点击无高光 8211;gt;

  lt;meta namequot;msapplication-tap-highlightquot; contentquot;noquot;gt;

  网站SEO优化之网页相关

  声名编码

  lt;meta charset39;utf-839; /gt;

  优先使用 IE 最新版本和 Chrome

  lt;meta http-equivquot;-UA-Compatiblequot; contentquot;IEedge,chrome1quot; /gt;

  lt;!8211; 关于-UA-Compatible 8211;gt;

  lt;meta http-equivquot;-UA-Compatiblequot; contentquot;IE6quot; gt;lt;!8211; 使用IE6 8211;gt;

  lt;meta http-equivquot;-UA-Compatiblequot; contentquot;IE7quot; gt;lt;!8211; 使用IE7 8211;gt;

  lt;meta http-equivquot;-UA-Compatiblequot; contentquot;IE8quot; gt;lt;!8211; 使用IE8 8211;gt;

  浏览器内核控制:海内浏览器许多都是双内核(webkit和Trident),webkit内核高速浏览,IE内核兼容网页和旧版网站。而添加meta标签的网站可以控制浏览器选择何种内核渲染。参考文档

  lt;meta namequot;rendererquot; contentquot;webkit|ie-comp|ie-standquot;gt;

  海内双核浏览器默认内核模式如下:

  1.搜狗高速浏览器、QQ浏览器:IE内核(兼容模式)p分页题目e

  2. 360极速浏览器、遨游浏览器:Webkit内核(极速模式)

  克制浏览器从内陆计算机的缓存中接见页面内容:这样设定,接见者将无法脱机浏览。

  lt;meta http-equivquot;Pragmaquot; contentquot;no-cachequot;gt;

  Windows 8

  lt;meta namequot;msapplication-TileColorquot; contentquot;000quot;/gt; lt;!8211; Windows 8 磁贴颜色 8211;gt;

  lt;meta namequot;msapplication-TileImagequot; contentquot;icon.pngquot;/gt; lt;!8211; Windows 8 磁贴图标 8211;gt;

  站点适配:主要用于PC-手机页的对应关系。

  lt;meta namequot;mobile-agentquot;contentquot;format[wml|xhtml|html5]; urlurlquot;gt;

  lt;!8211;

  [wml|xhtml|html5]凭据手机页的协议语言,选择其中一种;

  urlquot;urlquot; 后者代表当前PC页所对应的手机页URL,两者必须是一一对应关系。

  8211;gt;

  转码声名:用百度打开网页可能会对其举行转码(好比贴广告),制止转码可添加如下meta

  lt;meta http-equivquot;Cache-Controlquot; contentquot;no-siteappquot; /gt;

  在SEO网站优化过程中应该知道网站的三大meta标签的主要性,这三种标签设置的利害直接影响着网站后期的优化效果。下面品创天下就来和人人说说在SEO优化中若何运用meta标签。

  meta标签之题目(Title)

  网站的题目标签是三个之中最主要的一个,对于搜索引擎来说,这个要比关键词和形貌标签主要,以是一定要把网站要做的焦点关键词或者品牌以及公司的名称写上去,一样平常是以ldquo;关键词+公司名称或品牌rdquo;的花样写的,固然现在也有一些会写成一句话,包罗我们想要的内容,这是一种新的形式,固然若何把这句话写的更合理,更能够吸引客户也是一个挑战。

  meta标签之关键词(Keyword)

  关键词标签相对来说没有其他两个标签主要,然则也要写,一样平常是把自己网站要做的关键词写进去,然则也有长度的限制,不能有若干写若干,更不能为了提高关键词密度而堆砌关键词。在设置的关键词最好把主要的放在前边,然后依次往后排序,一样平常是4个或者5个最好,关键词之间用英文的逗号离隔。

  这个标签在已往很主要,然则现在却没什么价值了。现在没有一个主流的搜索引擎使用meta keywords来判断网页的内容了。在meta keywords标签内里,你可以存储几个关于网页内容的关键字。然而,它却不会提高你的排名。若是你想要实现它(只管我不知道你为什么这样做)你可以用如下代码:

  meta标签之Robots

  Meta RobotsMeta robots标签治理着搜索引擎是否可以进入网页,你可以用它来允许或不允许搜索引擎来获取你的网页、进入你网页中的子链接或对你的网页存档。p分页题目e

  这个 meta 标签告诉搜索引擎不要获取网页,而且阻止其进入链接。若是你不小心使用了两个矛盾的术语 (例如noindex 和index),谷歌会选择最具限制性的选项。

  为什么这个标签会对搜索引擎优化(SEO)起作用呢首先,它可以防止对拷贝内容的冗余抓取,例如页面的打印版页面。它也可能会对那些内容不完整的页面或者而存在私密信息的网页起作用。

  meta标签之形貌(Description)

  形貌标签主要是向用户和搜索引擎展示我们的网站是做什么的,一个及格的形貌标签需要包罗公司名称、主要产品和关键词、联系电话,一些长尾词也是可以泛起在形貌中的,这个也是一个增添关键词的技巧。由于在搜索引擎上最多只能显示形貌的80个字,以是只管把字数保持在80个以内,若是真的需要跨越80个,要把主要的信息放在前80个字中,这样就能够把主要的信息完整的展示出来。

  这个标签曾经在搜索排名中占有很大的权重,但随着算法的不停的更新升级,它的职位也逐渐降低。它虽然不会提高网站排名,然则,由于它会被用在搜索引擎的效果页,以是依然有用。

  这也就意味着它仍然可以提高你的网页点击率。究竟,当用户搜索的关键词与之相匹配时,会以粗体显示突出显示。这就是为什么一个好的页面说明 (行使关键字的) 可以显示更多与用户相关的信息,进而提高了点击率。

  简朴的说,有三个meta标签,你应该关注一下:Description、robots、title(经常被视为是,但专业来讲不是)。Description标签被用来显示更多有关网页内容的信息,搜索引擎也会在搜索引擎效果页面(SERP)使用它。robots标签用来阻止搜索引擎获取拷贝页面、私密页面和未完成的页面。最后,最主要的title标签,控制它在70个字符以下,并在其中使用关键词

  网站SEO优化之HTML meta标签常用属性整理

  标签提供关于HTML文档的元数据。元数据不会显示在页面上,然则对于机械是可读的。它可用于浏览器(若何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 mdash;mdash; W3School

  需要属性

  属性值形貌

  contentsome text界说与http-equiv或name属性相关的元信息

  可选属性

  属性值形貌

  http-equivcontent-type / expire / refresh / set-cookie把content属性关联到HTTP头部。

  nameauthor / description / keywords / generator / revised / others把 content 属性关联到一个名称。

  contentsome text界说用于翻译 content 属性值的花样。

  网站SEO优化

  页面关键词,每个网页应具有形貌该网页内容的一组唯一的关键字。

  使用人们可能会搜索,并准确形貌网页上所提供信息的形貌性和代表性关键字及短语。符号内容太短,则搜索引擎可能不会以为这些内容相关。另外符号不应跨越 874 个字符。p分页题目e

  lt;meta namequot;keywordsquot; contentquot;your tagsquot; /gt;

  页面形貌,每个网页都应有一个不跨越 150 个字符且能准确反映网页内容的形貌标签。

  lt;meta namequot;descriptionquot; contentquot;150 wordsquot; /gt;

  搜索引擎索引方式,robotterms是一组使用逗号(,)支解的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。确保准确使用nofollow和noindex属性值。

  lt;meta namequot;robotsquot; contentquot;index,followquot; /gt;lt;!8211;

  all:文件将被检索,且页面上的链接可以被查询;

  none:文件将不被检索,且页面上的链接不可以被查询;

  index:文件将被检索;

  follow:页面上的链接可以被查询;

  noindex:文件将不被检索;

  nofollow:页面上的链接不可以被查询。

  8211;gt;

  页面重定向和刷新:content内的数字代表时间(秒),既若干时间后刷新。若是加url,则会重定向到指定网页(搜索引擎能够自动检测,也很容易被引擎视作误导而受到责罚)。

  lt;meta http-equivquot;refreshquot; contentquot;0;urlquot; /gt;

  其他

  lt;meta namequot;authorquot; contentquot;author namequot; /gt; lt;!8211; 界说网页作者 8211;gt;

  lt;meta namequot;googlequot; contentquot;index,followquot; /gt;

  lt;meta namequot;googlebotquot; contentquot;index,followquot; /gt;

  lt;meta namequot;verifyquot; contentquot;index,followquot; /gt;

  移动装备

  viewport:能优化移动浏览器的显示。若是不是响应式网站,不要使用initial-scale或者禁用缩放。

  大部分4.7-5寸装备的viewport宽设为360px;5.5寸装备设为px;iphone6设为375px;ipone6 plus设为414px。

  lt;meta namequot;viewportquot; contentquot;widthdevice-width, initial-scale1.0,maximum-scale1.0, user-scalablenoquot;/gt;

  lt;!8211; `widthdevice-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时泛起黑边 8211;gt;

  1.width:宽度(数值 / device-width)(局限从200 到10,000,默以为980 像素)

  2.height:高度(数值 / device-height)(局限从223 到10,000)

  3.initial-scale:初始的缩放比例 (局限从gt;0 到10)

  4.minimum-scale:允许用户缩放到的最小比例

  5.maximum-scale:允许用户缩放到的最大比例

  6.user-scalable:用户是否可以手动缩 (no,yes)

  7.minimal-ui:可以在页面加载时最小化上下状态栏。(已弃用)

  注重,许多人使用initial-scale1到非响应式网站上,这会让网站以100宽度渲染,用户需要手动移动页面或者缩放。若是和initial-scale1同时使用user-scalableno或maximum-scale1,则用户将不能放大/缩小网页来看到所有的内容。p分页题目e

  WebApp全屏模式:伪装app,离线应用。

  lt;meta namequot;apple-mobile-web-app-capablequot; contentquot;yesquot; /gt; lt;!8211; 启用 WebApp 全屏模式 8211;gt;

  隐藏状态栏/设置状态栏颜色:只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。

  lt;meta namequot;apple-mobile-web-app-status-bar-stylequot; contentquot;black-translucentquot; /gt;

  添加到主屏后的题目

  lt;meta namequot;apple-mobile-web-app-titlequot; contentquot;题目quot;gt;

  忽略数字自动识别为电话号码

  lt;meta contentquot;telephonenoquot; namequot;format-detectionquot; /gt;

  忽略识别邮箱

  lt;meta contentquot;emailnoquot; namequot;format-detectionquot; /gt;

  添加智能 App 广告条 Smart App Banner:告诉浏览器这个网站对应的app,并在页面上显示下载banner(如下图)。参考文档

  lt;meta namequot;apple-itunes-appquot; contentquot;app-idmyAppStoreID, affiliate-datamyAffiliateData, app-argumentmyURLquot;gt;

  lt;!8211; 针对手持装备优化,主要是针对一些老的不识别viewport的浏览器,好比黑莓 8211;gt;

  lt;meta namequot;HandheldFriendlyquot; contentquot;truequot;gt;

  lt;!8211; 微软的老式浏览器 8211;gt;

  lt;meta namequot;MobileOptimizedquot; contentquot;320quot;gt;

  lt;!8211; uc强制竖屏 8211;gt;

  lt;meta namequot;screen-orientationquot; contentquot;portraitquot;gt;

  lt;!8211; QQ强制竖屏 8211;gt;

  lt;meta namequot;x5-orientationquot; contentquot;portraitquot;gt;

  lt;!8211; UC强制全屏 8211;gt;

  lt;meta namequot;full-screenquot; contentquot;yesquot;gt;

  lt;!8211; QQ强制全屏 8211;gt;

  lt;meta namequot;x5-fullscreenquot; contentquot;truequot;gt;

  lt;!8211; UC应用模式 8211;gt;

  lt;meta namequot;browsermodequot; contentquot;applicationquot;gt;

  lt;!8211; QQ应用模式 8211;gt;

  lt;meta namequot;x5-page-modequot; contentquot;appquot;gt;

  lt;!8211; windows phone 点击无高光 8211;gt;

  lt;meta namequot;msapplication-tap-highlightquot; contentquot;noquot;gt;

  网站SEO优化之网页相关

  声名编码

  lt;meta charset39;utf-839; /gt;

  优先使用 IE 最新版本和 Chrome

  lt;meta http-equivquot;-UA-Compatiblequot; contentquot;IEedge,chrome1quot; /gt;

  lt;!8211; 关于-UA-Compatible 8211;gt;

  lt;meta http-equivquot;-UA-Compatiblequot; contentquot;IE6quot; gt;lt;!8211; 使用IE6 8211;gt;

  lt;meta http-equivquot;-UA-Compatiblequot; contentquot;IE7quot; gt;lt;!8211; 使用IE7 8211;gt;p分页题目e

  lt;meta http-equivquot;-UA-Compatiblequot; contentquot;IE8quot; gt;lt;!8211; 使用IE8 8211;gt;

  浏览器内核控制:海内浏览器许多都是双内核(webkit和Trident),webkit内核高速浏览,IE内核兼容网页和旧版网站。而添加meta标签的网站可以控制浏览器选择何种内核渲染。参考文档

  lt;meta namequot;rendererquot; contentquot;webkit|ie-comp|ie-standquot;gt;

  海内双核浏览器默认内核模式如下:

  1.搜狗高速浏览器、QQ浏览器:IE内核(兼容模式)

  2. 360极速浏览器、遨游浏览器:Webkit内核(极速模式)

  克制浏览器从内陆计算机的缓存中接见页面内容:这样设定,接见者将无法脱机浏览。

  lt;meta http-equivquot;Pragmaquot; contentquot;no-cachequot;gt;

  Windows 8

  lt;meta namequot;msapplication-TileColorquot; contentquot;000quot;/gt; lt;!8211; Windows 8 磁贴颜色 8211;gt;

  lt;meta namequot;msapplication-TileImagequot; contentquot;icon.pngquot;/gt; lt;!8211; Windows 8 磁贴图标 8211;gt;

  站点适配:主要用于PC-手机页的对应关系。

  lt;meta namequot;mobile-agentquot;contentquot;format[wml|xhtml|html5]; urlurlquot;gt;

  lt;!8211;

  [wml|xhtml|html5]凭据手机页的协议语言,选择其中一种;

  urlquot;urlquot; 后者代表当前PC页所对应的手机页URL,两者必须是一一对应关系。

  8211;gt;

  转码声名:用百度打开网页可能会对其举行转码(好比贴广告),制止转码可添加如下meta

  lt;meta http-equivquot;Cache-Controlquot; contentquot;no-siteappquot; /gt;

(责任编辑:网络)

相关文章

评论列表

发表评论:
验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。