怎样在网站的主页添加元标记?

怎样在网站的主页添加元标记?,第1张

标记是网站管理员为搜索引擎提供有关其网站信息的绝佳方法。 您可以使用元标记为各种类型的客户端提供信息,而每个系统只会处理它们可以识别的元标记,而将其余标记都忽略。 元标记会添加到 HTML 页的 <head>部分,通常如下所示:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<META name="description" content="元标记是网站管理员为搜索引擎提供有关其网站信息的绝佳方法。 您可以使用元标记为各种类型的客户端提供信息,而每个系统只会处理它们可以识别的元标记,而将其余标记都忽略。 元标记会添加到 HTML 页的 &lthead&gt部分,">

<META http-equiv="Content-Type" CONTENT="text/htmlcharset=iso-8859-1">

<META NAME="verify-v1" CONTENT="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34="/>

<title>示例图书 - 适于儿童阅读的优秀旧图书</title>

<META NAME="robots" CONTENT="noindex,nofollow">

Google 可以识别以下元标记(和相关项):

<meta name="description" content="网页说明" />此标记会提供网页的简短说明。 在某些情况下,此说明充当搜索结果中显示的一部分代码段。 详情

<title>网页标题</title>虽然从技术上讲,这不是一个元标记,但是此标记经常与"description"(说明)一起使用。 此标记的内容通常显示为搜索结果(在用户的浏览器中)中的标题。 详情

<meta name="robots" content="..., ..." />

<meta name="googlebot" content="..., ..." />这些元标记可以控制搜索引擎抓取和编制索引的行为。 robots 元标记适用于所有搜索引擎,而"googlebot"元标记专用于 Google。 默认值是"index, follow"(相当于"all"),不需要进行指定。 我们可以识别以下值(指定多个值时,请使用逗号进行分隔):

noindex:防止网页被编入索引

nofollow:防止 Googlebot 从此页面中跟踪链接

nosnippet:防止代码段显示在搜索结果中

noodp:防止 ODP/DMOZ 中的替代说明被使用

noarchive:防止 Google 显示网页的快照链接。

unavailable_after:[date]:可让您指定要停止此网页被抓取和索引编制的确切时间和日期

noimageindex:可让您指定,您不希望您的网页显示为 Google 搜索结果中出现的图片的引用页。

另外,现在您还可以使用"X-Robots-Tag"HTTP 标头指令在网页的标头中指定此信息。 如果要调整非 HTML 文件(如图形或其他类型的文档)的抓取和索引编制,那么此指令就特别有用。

<meta name="google" content="notranslate" />如果我们发现网页内容所用的语言不是用户想要阅读的语言,则通常会在搜索结果中提供翻译链接。 这样通常会让您有机会将独特而富有吸引力的内容提供给更多用户。 不过,也可能会出现一些并不期望发生的情况。 此元标记会告诉 Google 您不需要我们提供此页的翻译。 详情

<meta name="verify-v1" content="..." />您可以在网站的顶级页面上使用此标记,以对网站管理员工具验证您的所有权。 请注意,虽然"name"和"content"属性的值必须与提供给您的值完全匹配(包括大小写),但是是否将标记从 XHTML 更改为 HTML,或者标记的格式是否与网页的格式相符,这些都不是什么问题。 详情

<meta http-equiv="Content-Type" content="...charset=..." />此元标记定义网页的内容类型和字符集。 确保您已在内容属性值的两端添加了引号,否则系统可能会错误地解译字符集属性。 详情

<meta http-equiv="refresh" content="...url=..." />此元标记会在一段时间后将用户指向新网址,有时也会被用作重定向的简单形式。 不过,并不是所用浏览器都支持此功能,因此可能会造成用户困惑。 W3C 建议不要使用此标记。 我们建议改用服务器端 301 重定向。

需要注意的其他事项:

无论网页采用哪种代码,Google 都可以读取 HTML 和 XHTML 形式的元标记。

除"verify"(验证)外,在元标记中,大小写通常无关紧要。

此列表中并未列出所有可用的元标记,如果未在此处列出的元标记对您的网站很重要,请放心大胆地使用。 唯一需要记住的是,Google 会忽略不认识的元标记。

为了让博文可以被Google搜索到,需要配置站点地图(Sitemap)

在开始之前需要注意,本文适用于 NexT主题 ,其他主题的设置可能会有不同。本文只适用于Google,Baidu的坑待填。

修改 主题配置文件 ( themes/next/_config.yml ):

在终端中使用npm安装sitemap插件:

生成静态文件

此时在public目录下可见 sitemap.xml ,即已完成站点地图的生成,同时可在个人博客主页见到站点地图标签,点击可以看到xml文件。

首先你需要一个谷歌账号,然后使用 Google Search Console服务 ,点击立即使用!

接下来你可以看到如下的验证界面

选择第二种,填写你的Github Page主页地址后点击继续,记得地址前面的协议 https:// 别忘了

随后你可以看到如下几种方式用以验证你对站点资源的所有权

打开 主题配置文件 ( /themes/next/_config.yml ),找到如下片段:

在Google Search Console选择HTML标记验证,Google会提供如下的元标记

将 content= 后面的xxxxx填到 主题配置文件 的 google_site_verification: 之后,记得冒号后需留一空格,同时不要忘记引号:

保存文件,在 终端 中生成并部署Hexo静态文件

部署成功后,回到Google Search Console,点击验证、完成。

来到Google Search Console,点击左侧边栏中的网址检查,输入你的Github Page主页。

还是Google Search Console,点击左侧边栏中的 站点地图 ,添加新的站点地图,在主站地址后面填入 sitemap.xml ,即与前面生成的站点地图文件名称相同!

一开始,Google有可能显示无法获取站点地图(至少我这里情况如此),我等待了大约24h,再次添加了同名的站点地图,即显示成功,如图

有许多情况可能导致获取站点地图失败,需要仔细分析原因,记得检查站点地图的地址名称是否正确,包括大小写。

如果想要让更多的人看到你的博客,建议在你关心的社区(比如呀)发布你的文章,同时,建议参见 搜索引擎优化SEO 。同时,需要优化桌面端和移动端的性能以提供更好的用户体验。SEO和优化性能大概是个很深的坑,以后有机会慢慢填

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11418224.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存