互联网技术 · 2024年2月9日

HTML5的搜索引擎优化建议

这篇文章主要介绍了HTML5 SEO优化的一些建议,帮助大家更好的理解和学习html5。

举个例子

<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://tianxun.xyz/Images/easyvpn24/jPc0noE7Q8.jpg” alt=”淘小铺” style=”width:1190px;height:70px”/>

使用语义化标签

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

使用 Open Graph 标签

(OG)标记是页面HTML 部分中的附加元标记,该标记允许任何网页成为社交网络中的丰富对象。

在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>标签

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

(一般推荐用这种方法)

OpenMagic API

Need more than content? Move into the product flow.

If you are here for model access, pricing, developer docs, or the future API console, the dedicated product path now lives on api.openmagic.ai.

登录免费注册