【问题标题】:SEO: Using style="background-url" instead of img with altSEO:使用 style="background-url" 而不是 img 和 alt
【发布时间】:2015-07-13 12:23:01
【问题描述】:

我有网络应用程序。对于图像,我们使用 HTML 标签img,我们也使用alt 属性来进行搜索引擎优化。

现在,我们正在重新设计我们的网站以改善用户体验,我们的设计师建议将 img 标签替换为<div style="background-url(image)">,因为使用这种技术图像不会调整大小等等。但是,我看到使用这种方法的一个很大的缺点是我们会丢失 alt 属性,这将直接影响我们的 SEO。

有什么建议吗?

【问题讨论】:

    标签: html css seo


    【解决方案1】:

    取决于您需要对图像进行多少控制,这将为我决定。因为您仍然可以通过 CSS 调整和控制 HTML img 标签的大小。

    您确实可以通过背景图像更好地控制图像裁剪、定位、动画效果等,但是如果设计只需要根据屏幕大小调整图像大小,那么您仍然应该能够使用 HTML img 标签来实现这一点.

    但是,如果您想进一步了解这两种技术的优缺点,请尝试阅读这个有用的帖子:

    When to use IMG vs. CSS background-image?

    【讨论】:

      【解决方案2】:

      您需要查看使用图像的目的是什么,如果是背景图像则使用背景或其他图像。

      值得考虑的是,许多网站在h1 中给出他们的网站标题(这里不讨论title 标签),然后使用CSS 隐藏文本并显示徽标图像,这也可以达到alt 标签的目的,实际上更好,因为它包含在更好的标记中,比如h1,它让搜索引擎知道这是主要的标题/标题(阅读:品牌名称)网站。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2021-01-02
        • 2015-05-25
        • 1970-01-01
        • 1970-01-01
        • 2022-06-12
        • 1970-01-01
        • 2015-04-08
        相关资源
        最近更新 更多