HTML5多媒体标签与SEO的优化关系

SEO技巧 2019年9月23日 0:05 浏览: 50

早期的因特网主要用来分享学术成果,但是对普通民众而言,更愿意在上面分享一些更有趣的内容,比如视频,音频,图片等，这些技术在html5之前都不是由html标签提供的。当随着技术的更新，使用HTML5多媒体标签都可以解决这些问题，作为一个站长，我们又该通过怎么样SEO优化手段来优化这些标签。

图片格式的介绍

设计网页时，插入图片或视频，可以增加网页生动度。

下面简单介绍普遍常用的三种格式：

如果要在网页显示图片，必须要使用<img>标签。


1
&lt;img src="图片路径" width="宽度" height="高度"&gt;

接下来稍微介绍以上标签的属性：

src：设定图片路径。

width hight：设定图片的宽度和高度，预设单位为像素（pixels)


1
2
&lt;audio src="音频路径" controls="controls" autoplay loop type="audio/mp3"&gt;

&lt;audio/&gt;

介绍以上标签的属性：
src：设定音频路径。
type：文件的格式，定义声音，比如音乐或其他音频。

使用html5的video标签来播放既有的影片。
目前FireFox、Chrome、Safari都可以支持该标签。


1
&lt;video src="视频链接" controls&gt;&lt;/video&gt;

若你还想设定影片在页面的比例，也可以写成：


1
2
3
4
5
&lt;video id="media"

src="视频路径" controls autoplay loop

width="400px"

heigt="400px"&gt;

&lt;/video&gt;

这些标签也离不开SEO，特别是图片的优化，可以说是SEO的基础之一。
若未来要走网络营销的行列，这些更需要了解。

搜索引擎是无法理解你的图片内容的，所以我们会加上图片说明，让搜索引擎更好找到你这个网站内的搜索者需要的图片。

那你可怎么写呢？

假设今天图片失效，维护者也可以从alt的属性中，了解原先要配置的图片。

搜索引擎也会对alt来判断这张照片信息，同时也可以让无法看到图片的使用者来理解图片，所以alt尽量已简短好理解的关键字来写，留下正确的图片资讯也是SEO优化很重要的要素。