18720358503 在线客服 人才招聘 返回顶部
企业动态 技术分享 行业动态

甚么是Meta标识? 哪些Meta标识对检索模块SEO提升

2021-03-16分享 "> 对不起,没有下一图集了!">

甚么是Meta标识?

Meta标识给检索模块出示了很多有关网页页面的信息内容,这些信息内容全是暗含信息内容,代表着针对网页页面本身的浏览者是不能见的。

你能够在网页页面的 <head>元素中发现<meta>标识。在以往有人以前问我它是不是能够放在网页页面的<body>,最好是不必这样做。假如<meta>标识被放在<body>部位,一些访问器将会没法鉴别它们,也就非常于你建立了失效的标识。

一般状况下,<meta> 标识会包括1个name特性,用来设定元数据信息。元数据信息的值放在content特性里边。你能够在<meta>标识中应用各种各样名字/值对,让大家看来看在其中的1些。

你能够会遇到1些Meta标识

让大家运作1下在1个网页页面中发现的几个不一样的 <meta> 标识。

Meta Description

Meta description标识将会是最有效的标识之1。说白了,它会给检索模块出示有关这个网页页面的简洁明了的叙述。编码以下:

  • <meta name=”description”content=”Everything you need toknow about meta tags forsearch engine optimization”/>

这个标识以前在检索排名中占据很大的权重,但伴随着优化算法的持续的升级升級,它的影响力也慢慢减少。它尽管不容易提升网站排名,可是,由于它会被用在检索模块的結果页,因此仍然有效。

这也就代表着它依然能够提升你的网页页面点一下率。终究,当客户检索的重要词与之相配对时,会以粗体显示信息突显显示信息。这便是为何1个好的网页页面表明 (运用重要字的) 能够显示信息更多与客户有关的信息内容,进而提升了点一下率。强烈推荐的description长度为160 个标识符。

可是假如你沒有应用description标识或description标识为空时,会产生甚么呢?检索模块仍会在检索結果页显示信息出自身创键的1小段文本。大多数数的結果都并不是客户必须的,也就代表着你将丧失客户点一下网页页面的机遇。

Meta Robots

大家在以前的实例教程中早已触碰过Meta robots标识。假如你沒有机遇回去阅读文章它,这里有1段简洁明了的详细介绍:

Meta robots标识管理方法着检索模块是不是能够进到网页页面,你能够用它来容许或不容许检索模块来获得你的网页页面、进到你网页页面中的子连接或对你的网页页面存档。比如:

  • <meta name=”robots”content=”noindex,nofollow”/>

这个 meta 标识告知检索模块不必获得网页页面,而且阻拦其进到连接。假如你一不小心应用了两个分歧的术语 (比如noindex 和index),谷歌会挑选最具限定性的选项。

为何这个标识会对检索模块提升(SEO)起功效呢?最先,它能够避免对复制內容的冗余抓取,比如网页页面的复印版网页页面。它也将会会对那些內容不详细的网页页面或而存在私密信息内容的网页页面起功效。

Title

技术专业的讲,title标识并不是meta标识,但她们都放在同样部位。之因此把title标识放在这里是由于它对检索模块提升很关键。

在全部的HTML文本文档中,title标识全是不能缺乏的。它界定了全部文本文档的题目,以下所示:

  • <title>Title of the page</title>

简易而好用。题目一般会显示信息在两个不一样的地区;访问器的头顶部标识和检索結果页。这就代表着title标识在点一下率(CTR)和排名上有很关键的危害。

1个好的题目应当包括重要字,并且最好是放在题目的开始一部分。请记牢,那些配对到客户检索的重要字会以粗体显示信息。

另外一件你应当铭记在心的事儿便是题目的长度。谷歌会限定题目为70个标识符,因此有时候你将会必须撰写1个适合的题目。

Dan Shure发布过1篇很非常好的有关题目的文章内容,叫are your titles irresistibly click worthy and viral?,包括了许多成心思的专业知识点。

其它1些Meta标识

解读了1些常见的meta标识,下面让大家看来1些不常常应用的。

Meta Content Type (charset)

meta content type标识被用来申明网页页面的标识符编号,以便避免访问器造成编号难题最好是再加这个特性。可是它不容易危害检索排名或点一下率(CTR)。

你将会很熟习下面长长的Content-type编码:

  • <meta http-equiv='Content-Type'content='Type=text/html; charset=utf⑻'>

如今大家还可以应用更简洁明了的、向后适配的申明方式:

  • <meta charset="utf⑻"/>

这个标识应当放在任何包括文字元素的标识以前,包含大家早已解读的title标识。

Meta Keywords

这个标识在以往很关键,可是如今却没甚么使用价值了。如今沒有1个流行的检索模块应用meta keywords来分辨网页页面的內容了。

在meta keywords标识里边,你能够储存几个有关网页页面內容的重要字。但是,它却不容易提升你的排名。假如你要想完成它(虽然我不知道道你为何这样做)你能够用以下编码:

  • <meta name=”keywords”content=”meta tags,search engine optimization”/>

Meta Language

这个标识以前是用来申明网页页面的語言的。能够告之显示屏阅读文章器和其它文字解决器她们正在解决的語言便于更好的工作中。这便是为何meta language的content申明为何能够为fr。

  • <meta http-equiv="content-language"content="fr"/>

但这看起来是过剩的,W3C强烈推荐应用标识的特性来申明語言:

  • <html lang="en">

假如这个元素所包括內容的語言和你在<html>元素设定的默认设置語言不1样时,这个特性也能运用到别的元素上:

  • <p lang="es">Megusta..

Notranslate

有时,Google在結果网页页面会出示1个汉语翻译连接,但有时你不期待出現这个连接,你能够加上这样1个meta标识:

  • <meta name=”google”content=”notranslate” />

Refresh

应用这个meta标识你能够操纵访问器在1段時间以后全自动更新。举例表明,下面的编码表明每隔30秒网页页面全自动升级:

  •  <meta http-equiv=”refresh”content=”30”>

你还可以在更新以后自动跳转到此外1个网页页面,看看下面这个事例:

  • <meta http-equiv=”refresh”content=”30;URL=’http://website.com’”>

W3C是不强烈推荐应用这个标识的,由于它会令客户造成蒙蔽。此外,它对检索排名沒有任何危害。

简易的说,有3个meta标识,你应当关心1下:description、robots、title(常常被视作是,但技术专业来说并不是).

description标识被用来显示信息更多相关网页页面內容的信息内容,检索模块也会在检索模块結果网页页面(SERP)应用它。robots标识用来阻拦检索模块获得复制网页页面、私密网页页面和未进行的网页页面。最终,最关键的title标识,操纵它在70个标识符下列,并在这其中应用重要词。

keywords标识的时期早已以往,最好是不在应用它。别的1些较为关键的标识(相关检索模块提升):language、content、refresh、nontranslate。

有关的meta设定 XHTML

<meta charset="UTF⑻">
<meta http-equiv="refresh" content="5;url=" />
<link rel="copyright" href="copyright.html"  />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="150 words" />
<meta name="keywords" content="your tags" />
<!--
    all:文档将被查找,且网页页面上的连接能够被查寻;
    none:文档将不被查找,且网页页面上的连接不能以被查寻;
    index:文档将被查找;
    follow:网页页面上的连接能够被查寻;
    noindex:文档将不被查找;
    nofollow:网页页面上的连接不能以被查寻。
 -->
<meta name="robots" content="index,follow" />
<meta name="author" content="author name" />
<meta name="google" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<meta name="verify" content="index,follow" />
<!-- 开启 WebApp 全屏方式 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 掩藏情况栏/设定情况栏色调:仅有在打开WebApp全屏方式时才起效。
content的值为default | black | black-translucent 。 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- 加上到主屏后的题目 -->
<meta name="apple-mobile-web-app-title" content="题目">
<!-- 忽视数据全自动鉴别为电話号码 -->
<meta content="telephone=no" name="format-detection" />
<!-- 忽视鉴别电子邮箱 -->
<meta content="email=no" name="format-detection" />
<meta name="apple-itunes-app" content="app-id=myAppStoreID, 
affiliate-data=myAffiliateData, app-argument=myURL" /> <!-- 加上智能化 App 广告宣传条 Smart App Banner:
告知访问器这个网站对应的app,并在网页页面上显示信息免费下载banner:
https://developer.apple.com/library/ios/documentation/AppleApplications/
Reference/SafariWebContent/PromotingAppswithAppBanners/
PromotingAppswithAppBanners.html --> <!-- 对于手持机器设备提升,关键是对于1些老的不鉴别viewport的访问器,例如黑莓 --> <meta name="HandheldFriendly" content="true"> <!-- 微软的旧式访问器 --> <meta name="MobileOptimized" content="320"> <!-- uc强制性竖屏 --> <meta name="screen-orientation" content="portrait"> <!-- QQ强制性竖屏 --> <meta name="x5-orientation" content="portrait"> <!-- UC强制性全屏 --> <meta name="full-screen" content="yes"> <!-- QQ强制性全屏 --> <meta name="x5-fullscreen" content="true"> <!-- UC运用方式 --> <meta name="browsermode" content="application"> <!-- QQ运用方式 --> <meta name="x5-page-mode" content="app"> <!-- windows phone 点一下无高光 --> <meta name="msapplication-tap-highlight" content="no">

以上便是对Meta标识及Meta标识对检索模块SEO提升有功效所有內容的详细介绍,更多內容请再次关心脚本制作之家!

"> 对不起,没有下一图集了!">
在线咨询