网站建设14重要图片你需要知道的SEO技巧

我们生活在一个日益增长的视觉世界中。在这个世界上，图像优化的价值不容忽视。

图像使您的网页更具吸引力。

更有可能的是，网站的每个页面上都有一个图片。

但是，如果没有适当的优化，你就会浪费宝贵的SEO资源。

此外，文件大小越大，页面加载时间越长，跳出率就越高。

在传统图片搜索结果中，图片优化为您的图片资源带来了许多优势，包括更好的用户体验，更快的页面加载时间以及更多的排名机会。

虽然视觉搜索技术最近取得了长足的进步，但搜索引擎机器人无法识别图像的内容; 他们依赖与图像相关的文本来充分理解图像是什么以及它与您的内容或页面主题的关系。

但哪些因素最重要，以确保您的图像是可以找到的，并且不会减慢您的网站？

以下是您需要了解的14个重要的图像优化提示。

1.库存图片不会帮助您的SEO

你想让你的照片在你的网站上弹出。如果你用网站图像填充你的网站，你会看起来非原创 – 就像成千上万的其他网站一样，它们并不突出。

太多的网站都混杂着相同的通用库存照片。

想想一个企业网站，一家咨询公司，一家以客户服务为荣的企业。所有这些网站使用几乎相同的商人微笑的股票形象。

我相信你已经看到了一个如下所示：

尽管您的图像可能已经完美优化，但它不会像原始高质量图像那样具有相同的影响或潜在的SEO优势。

2.使用原始的高质量图像

您拥有的原始图片越多，用户的体验就越好，并且相关搜索的排名越高。

原始图像可以由贵公司的设计师制作（如数据可视化图表），也可以使用高质量相机在室内拍摄。

给您的客户一瞥您的公司，或提供您的访客将回应的高品质产品图像。

许多用户忽略股票照片。高质量的原始图像让您在搜索结果中脱颖而出 – 展示您的品牌个性并吸引更多人访问您的网站。

3.为你的图片有一个理由

图像应该有助于讲述故事或简化想法或事情。

许多人直观地学习。与长文本块相比，图片也会产生更大的情感影响。

虽然你总是想为你的内容添加某种形象，但不要强迫它。

使用屏幕截图是增加价值，讲述故事并补充博客，文章和着陆页上的材料的另一种方式。屏幕截图是一个很好的方式来表达你的观点，特别是如果你正在讨论一个复杂的主题。

最终，您拥有图像的理由是补充内容，分解文字，并帮助观众了解产品或概念。

4.谨防版权

无论您选择使用哪种图像文件，都要确保没有版权冲突。如果Getty，Shutterstock，DepositFiles或其他库存照片提供商拥有您使用的图片，并且您没有使用许可证，那么您就冒着昂贵的诉讼风险。

根据“ 数字千年版权法案”（DMCA），如果您违反了任何版权问题，您可能会收到通知。如果一段内容的所有者在您的网站上看到了他们的内容，他们可以发布您必须遵守的DMCA删除。

还有很多方法可以从网上找到免费的图像。Google图片允许您根据可重复使用的结果过滤结果。这些图像并不总是最合适的，但可以帮助您免费找到图像。

5.使用工具改进图像

从Shutterstock或DepositPhotos下载图片后，您可以使用它们做更多。

像Canva这样的工具可以让您为图片添加个性，文字和独特性，从而增强其吸引力。

通过使用这些工具，许多英雄图像和看似库存照片都得到了增强，并使其更具吸引力。虽然它本身可以是一个普通的股票形象，但使用Canva给你一个添加个人信息的机会。

借助这些工具，您可以从模板创建自定义社交媒体帖子或信息图表。

像Easel.ly，Visual.ly和Pablo by Buffer等附加工具可以帮助您创建漂亮醒目的图像，帮助您的图像脱颖而出。

6. JPEG最佳实践

知道你正在使用的文件类型。出于优化目的，您通常会使用JPEG。

JPEG图像为压缩或调整大小时保持高质量图像提供了最佳选择。他们使用许多颜色，阴影和图案来显示高分辨率图像，并且是数字空间中最流行的照片类型。

由于其能够被大量压缩，JPEG可以以小文件格式形成高质量的图像。

JPEG的一个缺点是：它使用有损数据压缩。这意味着图像质量可能会受到您的设置的影响。像GIF和PNG格式一样，也不支持透明背景。

也就是说，使用这种格式是有益的，因为它保持较小的文件大小并且得到普遍支持。

7. PNG最佳实践

编辑或从Adobe Photoshop下载文件时通常使用PNG图像。已知PNG处理透明度，并且经常用于标识图像资产，因为图像看起来很小，但分辨率却很高。

PNG可以保存为PNG-8或PNG-24。PNG-8文件类型仅限于256色的托盘，而PNG-24将提供更高质量的显示，但会导致较大的文件大小，这可能会破坏页面的性能。

您会发现，当您继续重新保存图像时，PNG不会降级。

8. GIF最佳实践

像PNG一样，GIF仍然是小图像尺寸的选择，与PNG-8类似，图像只有256种颜色。为了最佳实践，您应该避免使用GIF来拍摄产品照片。

GIF是一种通常用于简单艺术和动画的位图图像格式。它是公司徽标和网站其他页面元素的理想格式，因为它的文件很小，并且支持透明背景。

但是，这种格式不建议用于图像和照片。

9.使用最佳文件大小而不会丢失质量

图像往往是加载速度慢的主要原因。如果您的网站的速度需要改进，请尝试通过调整大小和压缩来缩小图像的文件大小。查看网页速度基准实际影响您业务的方式。

图片的整体大小不应该大于您实际需要的大小（即您的网页或博文的宽度）。

您可以在不影响质量的情况下减小文件大小的最佳方法之一就是Adobe Photoshop的“Save for Web”功能。

图像可能是大量文件，但对用户体验来说这没有帮助。巨大的文件大小可以直接影响您在SERP和图像搜索中的排名。

在Photoshop中，您可以在保存图像之前调整图像大小，使文件大小更适合用户体验。Photoshop有预设让您选择图像质量，范围从1.38MB到86k。通常，中间的某个地方不会影响分辨率或增加网页加载速度。

不使用Photoshop时，有在线压缩工具可以轻松调整图像大小而不影响画质。

有很多工具可以调整和压缩图像。Photoshop以外的一些最好的工具包括适用于初学者和高级用户的PicMonkey和Pixlr。

最终，这关乎文件大小，图像质量和加载时间。确保图像不会丢失任何像素，并在压缩文件大小时变形。

10.添加描述性标题

为图片添加标题是图片优化的最佳做法。

标题是图片下方出现的文字 – 通常是灰色框，说明您在图片中看到的内容。尽管您的文章中的文字可能不会被读取，但图像下方的文字将被读取的可能性很高。

标题是有益的，因为不是所有的图像都能被理解，而且该功能为图像添加了上下文，以便为搜索引擎提供更多上下文（除了替代文字）。据Poynter Research称，字幕看起来比文字多16％的读者，这对读者而言可能是有价值的。

有些图像可以单独使用，但额外的值会添加标题。只要记住不需要强制标题。

11.如何为SEO命名图片

说到搜索引擎优化，创建描述性的，关键字丰富的文件名是非常重要的。图片文件名称会提醒Google和其他搜索引擎抓取工具提供图片的主题。

如果您使用的是自己拍摄的图像或从相机下载的图像，则文件名称通常看起来像“IMG_722019”或类似的东西。从默认更改文件名称，以帮助搜索引擎了解您的形象，并提高您的SEO价值。

这涉及到一些工作，具体取决于媒体库的大小，但更改默认图像名称始终是一个好主意。例如，让我们以巧克力的形象为例：

我可以简单地将其命名为“巧克力”，但如果您在您的网站上销售巧克力，则可能将每个图像命名为“巧克力-1”，“巧克力-2”等等。我将这个图像命名为“黑巧克力咖啡”，以便让用户和搜索引擎了解图像。

您需要手动为每次上传编辑图像的HTML，以确保准确性。用简单的语言编写，文件名应该是一个简短，准确，关键字注入的图像表示主题的描述。

12.如何编写适合搜索引擎优化的Alt文本

当浏览器无法正确呈现图像时，Alt标记是图像的替代文本。类似于标题，alt属性用于描述图像文件的内容。

当图片无法加载时，您会看到一个图片框，左上角显示alt标签。确保它们符合图像并使图像相关。

注意alt标签也有利于整体页面SEO策略。您想确保所有其他优化区域都已到位，但如果图像因任何原因无法加载，用户将会看到图像应该是什么。

另外，为网站上的图像添加适当的alt标签可以帮助您的网站通过将关键字与图像相关联，在搜索引擎中实现更好的排名。即使谷歌已经评论过图片中的替代文字的价值：

它为Google提供有关图像主题的有用信息。我们使用这些信息来帮助确定用户查询返回的最佳图像。

美国残疾人法案规定，对于无法自己查看图像的个人，Alt text是必需的。描述性替代文字可以提醒用户照片中的内容。例如，假设您的网站上有巧克力的照片。替代文字可以为：

<img src =“chocolate-1.jpg”alt =“巧克力”/>

但是，描述图像的更好的替代文字应为：

<img src =“巧克力1.jpg”alt =“黑巧克力咖啡风味吧”/>

Alt文本在页面的缓存文本版本中可见，有助于用户和搜索引擎的使用。对于进一步的SEO价值，当图片链接到网站上的其他页面时，alt文本可以充当内部链接的锚文本。

13.创建一个图片站点地图

创建并发布图片站点地图，将所有图片放在一个地方。这使Google和其他搜索引擎可以更加有效地发现您网站上的图像，从而增加图像搜索结果中显示图像的可能性。

通过“image-sitemap.xml”，您可以提醒Google浏览器通过JavaScript上传的抓取工具可能找不到的图像，或者专门调出要抓取的图像。根据Google，您可以为图片创建全新的站点地图，或将图片信息添加到现有的XML站点地图。

对于WordPress网站，通过WordPress插件“ Google XML Sitemap for Images ”可以轻松创建和实现图片站点地图，该插件可自动为上传到WordPress媒体库的图片创建站点地图。

帮助谷歌进一步索引和适当的图像。XML网站地图可帮助您做到这一点。

14.打开Graph和Twitter卡

如果您向受众提供有价值的内容和信息，他们将在社交媒体上分享内容。从Facebook到Twitter，内容是共享的，链接是分发的。

当您为Open Graph（OG）和Twitter Cards（可在WordPress的Yoast插件中找到）设置HTML代码时，您可以保证每次共享链接时图像都会显示在社交平台上。

对于OG标签，你可以在WordPress中设置你想要的图片，也可以在HTML中创建你自己的元属性。将标签添加到页面的<head>部分，所以它看起来像这样：

<meta property =“og：image”content =“https://example.com/image-optimization.jpg”/>

当Twitter在Twitter上共享网址时，Twitter卡会发挥相同的作用，推动互动并产生点击。Twitter卡的标记与Open Graph类似，上面的Yoast插件截图显示了Twitter标识，您可以在其中轻松使用WordPress填充该信息。

为您的图像设置这些方面有助于他们在拥挤的社交市场中吸引注意力。

图像优化关键要点

遵循这些提示应增加与图片的互动性和参与度，降低网页加载速度，提高图片搜索结果的可查找性，并加强您的关键字效果。

最重要的是确保图像和替代文字与页面相关。其他要点：

• 减少文件大小以提高页面加载速度。
• JPEG通常是网站照片的最佳选择。
• 切勿将GIF用于大型产品图像。
• 使用Canva等工具改善库存图像。
• 不要在alt文本中填充关键字，请确保它描述了照片。
• 确保图像与页面相关。
• 为了可爬网，请创建一个图像站点地图。
• 为社交分享创建OG和Twitter卡片。

图像优化需要付出一些努力，但由于消费者正在寻找视觉材料来理解信息而不是文字，因此确保一幅图像得到优化对于您的成功至关重要。