加入收藏 | 设为首页 | 会员中心 | 我要投稿 新余站长网 (https://www.0790zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长百科 > 正文

HTML5 SEO优化的一些建议

发布时间:2020-10-23 08:48:43 所属栏目:站长百科 来源:网络整理
导读:这篇文章主要介绍了HTML5 SEO优化的一些建议,帮助大家更好的理解和学习html5,感兴趣的朋友可以了解下

  短视频,自媒体,达人种草一站服务

这篇文章主要介绍了HTML5 SEO优化的一些建议,帮助大家更好的理解和学习html5,感兴趣的朋友可以了解下

举个例子

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

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

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

图片添加 alt 和 title

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

使用语义化标签

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

使用 Open Graph 标签

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

在HTML中,它看起来可能像这样:

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

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

使用nofollow属性

nofollow是什么?

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

nofollow的作用?

防止不可信的内容,最常见的是博客上的垃圾留言与评论中为了获取外链的垃圾链接,为了防止页面指向一些拉圾页面和站点。

为了防止付费链接影响Google的搜索结果排名。

引导爬虫抓取有效的页面,避免爬虫抓取一些无意义的页面,影响爬虫抓取的效率。

nofollow基本用法

用于<meta> 标签

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

<meta content="nofollow" />

用于<a>标签

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

(一般推荐用这种方法)

<a href="javascript:"></a>

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

(编辑:新余站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读