网站建设 ·

简单地理解和阐述一下网站图片优化技巧

简单地理解和讲解网站图片优化技巧!图片优化,是SEO优化工作中最重要的部分之一。对网站图片进行优化,不仅可以为网站带来额外流量,还可为访客创造良好的用户体验。下面,就和白掌一起来看一下如何对网站图片进行优化。

首先,我们先来了解一下,一张标准的图片所应包含的关键标签。

通常,一张标准的图片所嵌入的代码一般应包含5个标签,即Src,Width,Height,Alt和Title。

在网页中插入图片需要用到Html语言中的img元素。从技术上讲,标签不是指在网页中插入图像,而是在网页链接图像。标签创建的就是被引用图像的占位空间。其中,Src和Alt是所必需的两个属性。知己知彼百战不殆,接下来,我们就逐一来认识一下这5个标签。

Src

Src的值(value)指代的是图像文件的路径(Url),也就是所引用的图像的绝对路径(Url)或相对路径(Url),语法是。其中,绝对路径(Url)指向其它站点,也就是从其它网站引用来的图片的链接地址,相对路径(Url)是指向自身站点的文件地址。对SEO工作来说,白掌认为,绝对路径可以理解为直接从其它网站拿来的图片指向的图片地址,而相对路径是自身电脑上的图片的路径。

Alt

Alt,图片的替代文本,是在图片无法显示或用户禁用图像显示时,代替图片显示在浏览器中的内容。Alt属性的值(Value)是一个最多可包含1024个字符的字符串,其中包括空格和标点。其语法是。在写Alt标签时,尽量要用一个最简单的句子把图片的要义完整的表达出来,同时,为加速搜索引擎爬虫对图片的抓取,也能在Alt标签中加一个文章的主关键词。

Title

Title,是当鼠标放到图片上时所显示的文字。如果图片上加有超链接,title属性就可用来对这一图片链接进行解释说明。当图片有链接时,用户点击图片会显示文字,用户可根据文字来判断对加载页面是否有兴趣,进而减少无用的页面加载;当图片没有链接,同时,图片旁边没有文字标题或文字标题很长且显示不全时,title属性就可告诉用户这个图片是什么,提高用户体验。

Width和Height

Width和Height,是图片的宽和高,也就是图片的大小。过大的图片,会降低网页的加载速度,过小则有可能影响图片的清晰度。对于网站导航、背景等图片,可参考百度、新浪等门户网站的图片尺寸,但对于文章中的图片,就可具体情况具体分析。不过,质量佳且清晰的图片,有助于提高用户体验。

参与评论

  • 橘子书

    :wink: 为嘛我将优化理解是压缩图片大小。

    2年前 (2017-07-11)
    回复
    回复橘子书
  • 晓庄

    可以提高一下加载速度。但SEO呢。

    2年前 (2017-07-13)
    回复
    回复晓庄