Meta标签与搜索引擎优化(2)

2019-04-23 22:08 IT周刊 网络整理

在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>元素设置的默认语言不一样时,这个属性也能应用到其他元素上:

<p lang="es">Megusta..

Notranslate

有时,Google在结果页面会提供一个翻译链接,但有时候你不希望出现这个链接,你可以添加这样一个meta标签:

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

Refresh

使用这个meta标签你可以控制浏览器在一段时间之后自动刷新。举例说明,下面的代码表示每隔30秒网页自动更新:

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

你也可以在刷新之后跳转到另外一个页面,看看下面这个例子:

<meta http-equiv=”refresh”content=”30;URL=’’”>

W3C是不推荐使用这个标签的,因为它会令用户产生迷惑。另外,它对搜索排名没有任何影响。

总结

简单的说,有三个meta标签,你应该关注一下:description、robots、title(经常被视为是,但专业来讲不是).

description标签被用来显示更多有关网页内容的信息,搜索引擎也会在搜索引擎结果页面(SERP)使用它。robots标签用来阻止搜索引擎获取拷贝页面、私密页面和未完成的页面。最后,最重要的title标签,控制它在70个字符以下,并在其中使用关键词。

keywords标签的时代已经过去,最好不在使用它。其他一些比较重要的标签(有关搜索引擎优化):language、content、refresh、nontranslate。

相关的meta设置 XHTML

<meta charset="UTF-8"><meta http-equiv="refresh" content="5;url=" /><link href="copyright.html"  /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta content="width=device-width, initial-scale=1" /><meta content="150 words" /><meta content="your tags" /><!-- all:文件将被检索,且页面上的链接可以被查询; none:文件将不被检索,且页面上的链接不可以被查询; index:文件将被检索; follow:页面上的链接可以被查询; noindex:文件将不被检索; nofollow:页面上的链接不可以被查询。 --><meta content="index,follow" /><meta content="author name" /><meta content="index,follow" /><meta content="index,follow" /><meta content="index,follow" /><!-- 启用 WebApp 全屏模式 --><meta content="yes" /><!-- 隐藏状态栏/设置状态栏颜色:只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。 --><meta content="black-translucent" /><!-- 添加到主屏后的标题 --><meta content="标题"><!-- 忽略数字自动识别为电话号码 --><meta content="telephone=no" /><!-- 忽略识别邮箱 --><meta content="email=no" /><meta 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 --><!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --><meta content="true"><!-- 微软的老式浏览器 --><meta content="320"><!-- uc强制竖屏 --><meta content="portrait"><!-- QQ强制竖屏 --><meta content="portrait"><!-- UC强制全屏 --><meta content="yes"><!-- QQ强制全屏 --><meta content="true"><!-- UC应用模式 --><meta content="application"><!-- QQ应用模式 --><meta content="app"><!-- windows phone 点击无高光 --><meta content="no">

收藏 举报

延伸 · 阅读