HTML5中有哪些SEO优化技巧，怎么做代码优化好-群英

上一篇：HTML5 Landmark是什么，怎么使用下一篇：Amazeui页面校验功能怎么做，方法是怎样的

在实际应用中，我们有时候会遇到“HTML5中有哪些SEO优化技巧，怎么做代码优化好”这样的问题，我们该怎样来处理呢？下文给大家介绍了解决方法，希望这篇“HTML5中有哪些SEO优化技巧，怎么做代码优化好”文章能帮助大家解决问题。

举个例子

<title>淘宝网 - 淘！我喜欢</title>

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

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

图片添加 alt 和 title

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

使用语义化标签

<h1>大标题</h1>
<h2>大标题</h2>
<artice>文章</artice>

使用 Open Graph 标签

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

在HTML中，它看起来可能像这样：

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

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

使用nofollow属性

nofollow是什么?

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

nofollow的作用?

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

nofollow基本用法

用于 <meta> 标签

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

<meta name="robots" content="nofollow" />

用于 <a> 标签

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

（一般推荐用这种方法）

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

关于“HTML5中有哪些SEO优化技巧，怎么做代码优化好”就介绍到这了，如果大家觉得不错可以参考了解看看，如果想要了解更多，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

标签： html5 seo优化

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：HTML5 Landmark是什么，怎么使用下一篇：Amazeui页面校验功能怎么做，方法是怎样的