搜索优化，HTML语言代码之hreflang标签

最新推荐文章于 2022-08-02 11:30:51 发布

Thesmophoria

最新推荐文章于 2022-08-02 11:30:51 发布

阅读量339

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_45981643/article/details/108892593

版权

本文详细介绍了HTML中的hreflang属性，该属性用于指示被链接页面的语言，对于搜索引擎优化（SEO）和多语言网站的正确导航至关重要。理解如何正确使用hreflang可以帮助提高不同语言版本页面的可见性和用户体验。

摘要由CSDN通过智能技术生成

HTMlhreflang属性用于指定被链接文档的语言

<link rel=“alternate” href=“https://www .apple.com.cn” hreflang=“cn”>

语言代码	描述	翻译“网页”
cn
en-US
ae-ar
ar-AE
ae
en-AE
am
en-AM
at
de-AT
au
en-AU
befr
fr-BE
ar-SA
bg
ca
cs
da		<

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Thesmophoria

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

「HTML和CSS入门指南」a 标签详解

a451319296的博客

06-04

6006

标签是 HTML 中用于定义超链接的标签，可以用来实现网页间的跳转、下载文件等功能，并且可以与其他 HTML 元素配合使用。通过灵活运用标签和属性，我们可以帮助用户更好地浏览页面内容，同时也可以美化和装饰页面。在实际应用中需要注意遵循 HTML 的规范，合理设置各种属性，并且避免滥用嵌套其他元素。

HTML5废弃的标签和属性

贪吃ღ大魔王

04-08

1149

HTML5废弃的标签和属性一、废弃的标签和属性　　1、表现性元素　　　　a) basefont 　　　　b) big 　　　　c) center 　　　　d) font 　　　　e) strike 　　　　f) tt　　 2、框架类元素　　　　a) frame 　　　　b) frameset 　　　　c) noframe 3、其他元素　　　　a) acronym -- 可以用 abbr 取代　　　　b) applet -- 可以用 object 代替　　　　c) i

参与评论您还未登录，请先登录后发表或查看评论

Hreflang标签正确的使用方法

qq_38402659的博客

09-26

3456

据Google称，它使用rel =“alternate”hreflang =“x”属性在搜索结果中提供正确的语言或区域网址。只需几行额外的HTML标记，谷歌和其他主要搜索引擎将允许您指定国际网站上的页面所适用的语言和国家/地区。什么是hreflang标签？ hreflang标记（也称为rel =“alternate”hreflang =“x”）告诉搜索引擎特定页面所针对的国家/地区，编写哪种语言...

多语言网站优化和hreflang标签

weixin_42034000的博客

12-10

461

从近两年我个人的SEO服务项目情况看，有越来越多的公司需要做多语言网站优化。国内公司做多语种网站，以电商公司居多，要往外卖产品。国外公司也有不少要做中文网站，不过电子商务类的不多，大品牌、留学／移民之类的比较多。如果涉及语言比较少，比如只有英语和中文网站，语言使用范围不复杂的话，做SEO时倒没有什么特殊要求，英文、中文网站可以放在两个独立域名上，也可以放在同一个域名的两个子域名上，甚至可以放在二级目录上，内容和结构等可以没什么关联，基本上可以各做各的。即使页面内容是对应翻译的也没问题，中译英或英译中，内

使用Hreflang标签多语言优化

06-12

805

什么是Hreflang标签？ hreflang标签，就像标准和分页标签一样，是一个表示两个页面之间关系的HTML标签。在hreflang的情况下，它表示这两个网址使用不同的语言来保存相同的内容，或者使用相同的语言，但针对不同的地理区域。正确完成后，每个hreflang标签都会告诉浏览器读取页面，以便让蜘蛛爬取第一语言的用户找到合适的内容。当某人执行搜索时，Google（Bing不使用hreflang标签）会执行以下步骤：它决定根据算法对URL进行排名它检查页面的代码，寻找hreflang标签

rel="alternate" hreflang="x" 做多语言网站的利器

esoogle的专栏

01-04

7300

rel="alternate" hreflang="x" 这个命令似乎网上探讨的很少啊，大多人都把精力放在了nofollow上（网站内部用nofollow做的一个测试结果）可是就我看到的多语言网站还是不少的，拿出来说一下好了。这个命令是google专为那些有多语言版本的网站所准备的，官方所说的适用于此命令的网站包含但不限于以下几种情况。您只翻译了网页的模板（例如导航和页脚

html5代码包括哪些内容,HTML5-嵌入内容(示例代码)

weixin_35472986的博客

06-07

168

下述内容主要讲述了《HTML5权威指南》第15章关于“嵌入内容”。一、嵌入图像img元素允许我们在HTML文档里嵌入图像。图像在HTML标记处理完毕后才加载！！src属性指定欲嵌入图像的URL；alt属性定义了img元素的备用内容(图像无法显示时呈现)。width和height属性指定img元素所代表图像的尺寸(单位是像素)。如果省略了该属性，浏览器不知道该为图像留出多大的屏幕空间，造成的结果是，...

html5标签属性及使用方法教程

05-24

标签和属性的使用不仅能够改善页面的可访问性和可用性，还能够提高搜索引擎优化（SEO）的效果，因为结构化的页面更容易被搜索引擎机器人理解和索引。最后，值得注意的是，HTML5规范中的全局属性和事件属性。全局...

连结HREFLANG

culuo8053的博客

07-27

104

If you work on a website that is offered in more than one language, you deserve a medal. The need to localize almost everything is tough and sometimes feels very limiting. No adding text to imagery,...

HTML5 对各个标签的定义与规定：link

11-17

所有全局属性 href rel media hreflang type sizes title（title属性对于link标签有特殊的含义） alternate：设置替换文档 archives：历史归档 author：文档作者 first：与当前文档同系列的第一个文档。

thymeleaf中 th:href使用笔记

学习，是熵减的最有效途径。

08-02

7603

thhref带参数的写法，下面分别是带一个参数和两个参数的写法。如-http//localhost8080/如-http//localhost8080。

thymeleaf中th:href的用法

热门推荐

星猿

04-01

1万+

th:href来渲染标签（<a>）的href属性使用表达式拼接 <a th:href="'/book/page?book='+${bookId}+'&page='+${pageNumber}" th:text="'Go to Page '+${pageNumber}"> Go to Page </a>  <a href="/book/page?book=null&page=nu

【a标签的使用和属性】

魔术师

05-14

5312

【a标签的使用和属性】 a标签的使用和属性 a标签的使用属性（属性值） 1、href（需要跳转到哪个页面）（存放跳转的地址url） 2、target（打开目标的形式）（定义在何处打开链接） target="_blank" 打开方式为一个空白页 target="_self" 默认方式，在自身页面打开 3、title

11.30 HTML之中级LAG

chshj420的学习日志

11-30

513

1表单 FORM格式SELECT(下拉列表)ABCDTEXTAREA(文本区)写个人介绍: 2块级元素的使用 div and spanIT IS MY DIV(网页动画以此为基础不理解怎么使用到实际)this is my spanspan 和 div 的区别:span范围限定在使用区域内 div延续到后面 eg

HTML简介及常用标签与使用方法

风雪留客

12-01

2183

HTML: HTML: ( Hypertext Markup Language )超文本标记语言。所谓超文本,有两层含义: 1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)。 2.它还可以从一个文件跳转到另一个文件 ,与世界各地主机的文件连接(超级链接文本)。网页的结构根据w3c标准,一个网页主要三部分组成:结构,表现,还有行为. 结构:HTML,用于描述页面的结构. 表现:CSS用户控制页面中元素的样式. 行为:JavaScript 用于响应用户的操作. 而HTML它负责网页的三个要素

HTML4和HTML5的区别

痦子的博客

03-09

2166

面试官问H4和H5有什么区别（内心独白：MMP，不就是多了一些语义化的标签吗，难道让我把增加的标签和你说一遍吗？），作为一个不优秀的前端显然我没能回答好这个问题，所以有了这篇文章。 H5对H4升级的地方实在太多，本人能力有限主要整理了HTML部分，不详不正之处欢迎指正。本篇文章主要参考文章：HTML5与HTML4的区别 http://blog.csdn.net/superhoy/art...

SEO优化之——hreflang（多语言网站优化）

bangunzheng7426的博客

07-31

997

用法格式 <link rel="alternate" href="URL" hreflang="zh-cn"> // href : 对应的语言版本的链接 // hreglang：由语言+地区组成// 上面的意思是这个URL针对中文（zh）&& 中国地区(cn) 　　更对的语言对照表请访问：https://baike.baidu.com/...

HTML4与HTML5标签详解：必备与新特性对比

- `hreflang`：指定链接文档的语言代码。 - `media`：指定链接针对的媒体类型。 - `name`：HTML5中不再支持，曾用于锚点标识。 - `rel`：定义链接文档与当前文档的关系，例如`rel="noopener noreferrer"`。 - `...