HTML5 SEO优化的一些建议

网页制作 2024/11/15 佚名

3 2 1

举个例子

<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优化的资料请关注其它相关文章！

html5,优化,seo,优化,html5,seo优化

标签：

html5,优化,seo,优化,html5,seo优化

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

岱庙资源网 Copyright www.zgmyg.com

评论“HTML5 SEO优化的一些建议”

HTML5 SEO优化的一些建议

暂无“HTML5 SEO优化的一些建议”评论...

www.zgmyg.com 岱庙资源网

129,905影音资源

244,626技术资源

111,817软件资源

578,645站长资源

更新日志

2024年11月15日

HTML5 SEO优化的一些建议

html5,优化,seo,优化,html5,seo优化

boostrap modal 闪现问题的解决方法

Amaze UI 文件选择域的示例代码

评论“HTML5 SEO优化的一些建议”

更新日志

友情链接