HTML5 SEO优化的一些建议

2024-11-2 22:15| 发布者: 8b79| 查看: 65| 评论: 0

摘要: 举个例子 [code] <title>淘宝网 - 淘！我喜好</title>[/code] 利用description以及keyword标签（不超过300个字符最优） [code] <meta name="description" content="淘宝网 - 亚洲较大的网上买卖业务平台，提供各

举个例子

[code] <title>淘宝网 - 淘！我喜好</title>[/code]

利用description以及keyword标签（不超过300个字符最优）

[code] <meta name="description" content="淘宝网 - 亚洲较大的网上买卖业务平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供包管买卖业务(先收货后付款)等安全买卖业务保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物爱好！" /> <meta name="aplus-xplug" content="NONE"> <meta name="keyword" content="淘宝,掏宝,网上购物,C2C,在线买卖业务,买卖业务市场,网上买卖业务,买卖业务市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,交易信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺" />[/code]

图片添加 alt 和 title

[code] <img src="https://gw.alicdn.com/tfs/TB1DP0yAoY1gK0jSZFMXXaWcVXa-1190-70.png" alt="淘小铺" style="width:1190px;height:70px"/>[/code]

利用语义化标签

[code] <h1>大标题</h1> <h2>大标题</h2> <artice>文章</artice>[/code]

利用 Open Graph 标签

（OG）标志是页面HTML 部分中的附加元标志，该标志答应任何网页成为社交网络中的丰富对象。它于2010年由Facebook首次推出，并得到其他主要社交媒体平台（LinkedIn，Google +等）的认可。

在HTML中，它看起来可能像如许：

[code] <meta name="og:title" property="og:title" content="Your Awesome Open Graph Title">[/code]

通过设置 Open Graph ，可以更好的进步社交媒体的网页性能，优雅的利用将该属性转化为点击量

利用nofollow属性

nofollow是什么?

nofollow 是HTML页面中a标签的属性值。这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接"。

nofollow的作用?

防止不可信的内容，最常见的是博客上的垃圾留言与批评中为了获取外链的垃圾链接，为了防止页面指向一些拉圾页面和站点。
为了防止付费链接影响Google的搜索效果排名。
引导爬虫抓取有用的页面，避免爬虫抓取一些无意义的页面，影响爬虫抓取的服从。

nofollow根本用法

用于 <meta> 标签

告诉搜索引擎（爬虫）该页面上所有链接都无需追踪（这种方法一样寻常用的较少）

[code] <meta name="robots" content="nofollow" />[/code]

用于 <a> 标签

告诉搜索引擎（爬虫）加上此属性的链接无需追踪

（一样寻常保举用这种方法）

[code] <a href="javascript:" class="back" rel="nofollow"></a>[/code]

以上就是HTML5 SEO优化的一些建议的详细内容，更多关于HTML5 SEO优化的资料请关注脚本之家其它相干文章！

来源：https://www.jb51.net/html5/742563.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

收藏分享邀请

上一篇：Amaze UI 文件选择域的示例代码下一篇：boostrap modal 闪现问题的办理方法

账号		自动登录	找回密码
密码			立即注册

HTML5 SEO优化的一些建议

相关分类

站长推荐 /6