网站图形优化 – 完整指南

很多时候我们都会听到这样的问题:“如何优化网站上的图形? ”。这个问题是一个非常好的问题,因为正确选择和准备的图像可以决定您的网站的成功……或失败。

为什么图像在互联网上如此重要?因为这就是您的潜在客户和 Google 所关注的(除其他外)。在本条目中,我们与您分享知识,您可以通过这些知识今天开始完善您自己网站上的图形。 内容

互联网图形优化 – 为什么值得?

高品质照片 图片的重量和尺寸 网站图像的适当尺寸 图像权重对读者体验的影响 照片的准确性 图片名称和url 错误图像名称的示例 好的图像名称示例 图片的

alt 和 title 属性 如何创建良好的alt属性? 如何为图像添加 alt 和 title 属性? 图形下方签名 影像图 如何实现和优化图像映射? 概括 互联网图形优化——为什么值得?

您应该关心改善图像的原因有很多。以下是最重要的:

正确选择的照片将使您的报价在竞争中脱颖而出。它们还将增加互联网用户决定使用您的服务或产品的机会 图像是Google在评估页面质量时关注的页面元素之一。

Google 对您的网站评分越高,它在搜索结果中的排名就越高 如果您曾经想知道如何将照片添加到 Google 图片…您已经知道了。遵循本指南中的规则,您出现在 Google 图片搜索中的机会将会显着增加 正确的照片还可以加快加载时间,并使您的网站更易于导航。

但让我们来看看大家都在等待的内容 -在线图像优化指南。以下是向 Internet 添加照片时需要注意的 7 件事的清单。 1. 高品质照片 当谈到优化搜索引擎的图形时,最重要的是……互联网用户。通常,互联网用户在访问网站时首先关注的就是网站上的图像。

这就是为什么您选择的图形具有尽可能高的质量非常重要。照片必须清晰易读:第一眼就足以确定其中的内容。

确保图形有趣且引人注目也是值得的

避免在数十个其他网站上重复的平淡的库存图形。如果您能够自己为您的网站安排图形元素,那就最好了。

而且它们不一定是图像。这些可以是信息图表、插图、图画……任何能丰富内容的东西。 如果您的团队中有一名摄影师和一名平面设计师,那将是最佳选择。然而,许多公司都不得不应对团队中没有这样的人的情况

。那该怎么办呢?互联网上有许多图形材料存储库。你几乎可以在那里找到任何东西。 以下是一些在线图形源示例: 皮克斯 像素 手绘 福托利亚 如果您经常在网站或博客上使用照片,请务必访问此条目:从哪里获取博客照片?

2. 图片的重量和尺寸

定制图形 – 适合网站的图像尺寸是多少 将图像上传到网站时,请记住将其缩小到网站上使用的大小。

例如,如果您要上传产品缩略图,则加载包含全高清或更高分辨率图像的页面是没有意义的。 减小尺寸是减轻重量的第一步。图像的权重是一个非常重要的问题!即使是单个大图像也会显着降低网站的性能,尤其是在移动设备上。

这将增加加载时间,并可能导致失去耐心较少的潜在客户。这也可能导致谷歌的地位下降,谷歌非常关心互联网用户的满意度。 图像的重量和尺寸 图形的粗细和尺寸​​对网站有什么影响? 图像权重对读者体验的影响 这该如何处理呢?

缩小照片尺寸后,下一步就是降低其质量。细心的读者此时可能会想:“嘿嘿嘿!你刚刚写到重要的是图形质量。现在,你却命令降低它……那么它是什么样的?”到底? ” 不幸的是,令人悲伤的事实是,最好在照片的质量和重量之间找到平衡。如果没有人看到它,因为它需要很长时间才能加载,那么即使是最好的照片又有什么用呢?

另一方面,快速加载对照片没有帮助,应该出于遗憾立即从页面中删除照片。事实上,即使照片质量出现轻微的、不明显的下降,也会导致图像重量的显着减少。

如果您决定降低人眼可见的质量

您还可以节省更多的图像重量。但请记住,客户的视觉印象通常比过度优化更重要。因此,最好大幅降低图形质量,以免影响其吸引力,同时减轻其重量。

为此,您可以向图形设计师寻求帮助或使用互联网上提供的图像权重优化工具之一。示例工具:Optimizilla(图像压缩器)。 3. 照片的准确性 您为内容选择的照

片必须与其相关。例如,假设您正在撰写一篇比较不同型号的汽车收音机的文章。即使包含您在 Stefa 阿姨度假时拍摄的最优化的照片也可能不是最好的主意

。你们中的许多人可能会认为这个技巧是理所当然的。然而,当浏览互联网时,很难不注意到并不是每个人都能理解它。 照片的主题准确性 将主

题照片与内容相匹配 当互联网用户看到一篇带有不恰当图形的文章时,其效果不太可能符合他们

的喜好。充其量,他们会更多地关注不协调的照片,而不是购买或填写联系表格。在最坏的情况下,他们不会认真对待您,并且会离开您的网站并选择竞争对手。不好。 我们的商品以其出  巴西数据  色的工艺和质量而闻名。从精美的陶器和纺织品到波兰饺子和香肠等传统美食,这些产品都体现了波兰文化。注重可持续性和真实性的波兰产品吸引了那些寻找独特产品的顾客。通过这样做,您可以帮助当地艺术家,并让顾客有机会看到波兰文化的真实面貌。  

正确选择的照片也是 Google 排名的一个要点。如果我们想按照 Google 的网站管理员指南使用本指南后面描述的提示,则照片必须准确。文件名、alt 和标题属性应简要、真实地描述图形的内容。

如果你按照谷歌的指导方针描述不相关的图片=

它无论如何都不会帮助你,因为它们随后会针对不相关的关键词进行优化; 如果你用相关的关键词描述不相关的图片,你就会违反谷歌的指导方针。

当谷歌发现这一点时(它会很快发现),它甚至可能会以较低的排名来惩罚您的网站! 唯一正确的选择是按照Google规则描述的准确图形。在任何其他情况下,最好不要在文章中添加任何照片。 最后,一个小专业提示:尝试将照片添加到页面上内容最匹配的位置。

在评估网站上的图形时,谷歌会查看其周围的环境。用带有描述它的有价值的关键字的文字包围照片。因此,该照片将有更大的机会出现在 Google 图片中,并且该文章将有更大的机会出现在常规搜索结果中。 4. 图片名称和url 图像名称应该: 清楚、简洁地描述其内容 汽车配件.jpg 开发商-房地产-zabrze.png 宠物保姆-卡托维兹.jpg url地址呢?大多数情况下,

将照片上传到网站后,会根据其名称创建一个 URL。但是,如果由于某种原因有所不同,只需根据上述指南进行更正即可。 5. 图片的alt和title属性 稍微更高级的问题,但同样重要。让我们来看看它们。 当由于任何原因无法在浏览器中显示图像时,将显示alt 属性而不是图像。

潜在的原因有很多,例如: 视力障碍人士使用特殊的屏幕阅读器 互联网用户使用不显示图像的浏览器 用户已禁用图像显示以加快网站性能 添加文件时输入了错误的路径。 在每种情况下,互联网用户都看不到任何内容。

不好。虽然通过给图片添加alt属性可以部分缓解这种情况。它将显示有关图像中实际应显示的内容的简短文本信息。虽然这对用户来说可能不那么重要,但对搜索引擎来说却极其重要。

如何创建良好的alt属性?以下是最重要的提示:

确保它简洁准确  设计中的形状心理学:视觉叙事指南  地描述了图像的内容 尝试自然地包含对您来说重要的关键字。 标题属性是将鼠标悬停在图像上时出现的文本。创建它的规则与 alt 属性的规则类似。然而,只要有可能,就值得确保这两个属性不相同。 如何为图像添加 alt 和 title 属性?

如果您通过内容管理系统添加图形,则在网站上添加或编辑图形时应该能够提供这些属性。 但是,如果您没有上述系统,最简单的方法就是寻求IT专家的支持。 您是否想知道有多少网站具有未优化的图像替代说明?请务必阅读我们的文章“网站上最常见的 5 个错误”。

6.图形下方签名 还值得在照片下方(或上方)的标题中描述照片的内容。这将确保支持文本始终出现,而不仅仅是在图像加载失败时出现。这将为您的内容添加一些秩序,并消除对图形所代表内容的任何疑问。

读完本指南的第 3 点后,读者将不再有这些疑虑。但这还不是全部。 在照片上签名是在照片附近添加相关且有价值的关键字的绝佳机会。值得利用一切机会帮助谷歌大叔确定我们的内容并对其进行评估。注意力!照片下的标题必须以自然的方式书写并考虑到用户。不惜一切代价,避免“掘墓人葬礼火葬最后告别西里西亚卡托维兹霍茹夫扎布热斯维托赫沃维采”风格的异端邪说。它只会伤害你。单词。

7.图像图 图像地图是为Google机器人准备的特殊文件。将图像地图添加到您的网站可以让他们更轻松地找到您网站上的所有图形。正如您所看到的,该文件被称为“ map ”是有原因的。简单来说,图像地图是网站上所有最重要图像文件的链接列表。

这是一个更高级的主题,超出了本文的范围

根据您的需求,使用在  GE 列表  线提供的免费图像地图生成器之一应该足够了。它们非常容易使用。大多数情况下,您只需输入网站页面主页的地址,按下按钮然后……等待。 最后,您需要将图像地图上传到您网站的 Google 网站管理员工具帐户。为此目的: 在 GSC 中添加图像地图:步骤 1 第 1 步:转到“索引”选项卡  

滚动至顶部