背景图片Wordpress SEO

Question

您好，我对 WordPress SEO 有几个疑问，但没有找到答案。

1-我有几个带有背景图像的a href，我尝试用添加属性alt的img标签来包含它，但它显示在每个图像中，我如何隐藏它？或者我可以做些什么来将 SEO 应用于添加 alt 的背景图像？

<img alt="This is a test" src="<?php echo esc_url( get_permalink()
) ?>">      
    <a href="<?php echo esc_url( get_permalink() ) ?>" class="overlay"></a>         
</img>

2-如果我在图像上添加关键字，该图像关键字的计算量最多为页面中关键字的 2%-3%？

3-如果我向图像添加 alt，当我在 Google 中搜索时会显示该 alt 文本？？

Answer 1

首先这是无效的 HTML。以下说法正确的是：

<a href="<?php echo esc_url( get_permalink() ) ?>" class="overlay">
<img alt="This is a test" src="<?php echo esc_url( get_permalink()
) ?>" /></a>

您可以链接图像，但不能以这种方式将链接放置在图像内。

这不是一个 WordPress 问题，而是一个关于 SEO 的一般问题。背景图像不会影响您的搜索引擎优化（除了糟糕的页面加载时间）。它们旨在作为背景图像，因此不具有语义意义。

向图像添加替代文本是一个好主意，特别是当图像包含文本或具有含义时。使用具有正确指定的替代文本的图像对于 SEO 很有好处（至少有一点）。

Answer 2

在 WordPress 中使用背景图像时，重要的是要考虑 SEO 最佳实践，以确保您的网站针对搜索引擎保持优化。这里有一些提示：

优化图像大小：大图像文件会减慢您的网站速度，影响 SEO。使用压缩图像而不牺牲质量。 Photoshop 等工具或 TinyPNG 等在线服务可以帮助减小文件大小。

使用描述性文件名：上传之前，将图像文件重命名为描述性名称，包括相关关键字。例如，使用“best-seo-background.jpg”而不是“image001.jpg”。

添加替代文本：屏幕阅读器和搜索引擎使用替代文本（替代文本）来了解图像的内容。准确、自然地描述图像，包括相关关键词，但避免关键词堆砌。

考虑移动优化：确保您的背景图像具有响应能力并且在移动设备上看起来不错。 Google 在其排名中优先考虑适合移动设备的网站。

用于背景图像的 CSS：如果您将 CSS 用于背景图像（通过 background-image 属性），请确保相关 HTML 元素（例如 或 ）具有描述性内容并且具有语义意义。

检查加载时间：使用 Google PageSpeed Insights 或 GTmetrix 等工具测试网站的加载速度。必要时进行优化，以改善用户体验和 SEO。

避免过度使用：不要使用太多背景图像，因为它会使您的网站变得混乱并分散用户的注意力。保持最小化和有目的性。

通过遵循这些指南，您可以在 WordPress 中有效地使用背景图像，同时保持良好的 SEO 实践。