要让搜索引擎的爬虫知道此页面是正牌官方网站,可参考以下相关代码及操作要点:
创建一个 XML 站点地图文件,在文件中列出所有相关网址及其主要内容的最后修改日期,确保搜索引擎能够发现网站上的新增网页和更新后的网页。
-
内部链接:
-
使用 JavaScript 创建网页时,对于网页导航要使用
a
元素,将网址用作href
属性值,并在网页加载时生成所有菜单项,而不是等待用户互动时生成。
-
在多数情况下,为内部链接设置优质的定位文字(即链接内的可见文字),文字应尽量简短但具有描述性,避免使用宽泛的定位文字如 “网页”、“文章” 或 “点击此处” 等,也不要使用与主题或链接到的网页的内容无关的文字,更不要仅仅为了搜索引擎而使用冗长或关键字泛滥的定位文字。同时要设置链接格式,提高其识别度,避免使用 CSS 或文本样式让链接看起来像常规文本。
-
若发现用户在通过多个网址访问相同的内容,且无法进行重定向时,可使用
rel="canonical"
link 元素,确保在网页结构和内部链接中使用同一个网址,防止将某些用户链接到网址的一个版本而将其他用户链接到另一版本。
-
外部链接:
-
当将自己的网站链接至其他网站,且不希望该链接使得被链接网站因自己网站的声誉而获益(比如引用垃圾评论来源网站等情况),可在该链接的锚标记中添加
rel="nofollow"
或rel="ugc"
属性,如下所示:
<a href="https://www.example.com" rel="nofollow">Anchor text here</a>
或:
<a href="https://www.example.com" rel="ugc">Anchor text here</a>
-
如果不希望搜索引擎跟踪网页中的任何链接,可以在该网页的
<head>
标记中添加<meta name="robots" content="nofollow">
标记。
-
面包屑导航:建议在显示面包屑导航时使用面包屑导航结构化数据标记,以更好地让搜索引擎理解网页层次结构。面包屑导航通常将内容最宽泛的网页(通常为根网页)设置为最左边的首个链接,并在右侧列出更具体的部分。
-
图片相关:
-
使用 HTML 图片元素(如
<img>
或<picture>
元素)在内容中嵌入图片,语义HTML标记有助于抓取工具找到并处理图片。使用<picture>元素,还可以针对不同屏幕尺寸为自适应图片指定多个选项。并且可在图片上使用
loading="lazy"` 属性,提高用户的网页加载速度。
-
为图片提供说明性文件名和
alt
属性说明,alt
属性使能够为图片指定替代文本,在图片由于某种原因不能显示时起到救场的作用。当使用图片作为链接时,同时提供替代文本可帮助 Google 更深入地了解所链接到的网页。
-
如果使用自适应设计,请使用
meta name="viewport"
标记告诉浏览器如何调整内容,示例如下:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
如果使用的是动态提供内容功能,请使用
Vary HTTP
标头,根据用户代理指示所做的更改。
-
如果使用单独的网址,则可以通过向网页添加包含
rel="canonical"
和rel="alternate"
元素的<link>
标记,指明两个网址之间的关系,示例如下:
<link rel="canonical" href="http://example.com/desktop-url">
<link rel="alternate" href="http://example.com/mobile-url" media="only screen and (max-width: 640px)">
眼红须知:感谢您对本文的浏览,不知道你是否对于此页内容感兴趣?
实际上您可以有偿性的在此页中添加您想添加的内容,如果您觉得这个提议不错,请点击此处和网站管理员联系.
很赞哦! ()