在图像上隐藏用户的alt标签，但将它们保存在SEO的代码中

Question

我的网站上有很多大图片（这是一家T恤店）。我已经为<alt>标签添加了相关关键字以用于搜索引擎优化目的。问题是，当加载图片时，<alt>标签会显示给用户，看起来很丑陋，因为<alt>标签确实很长。

有没有办法隐藏用户的<alt>代码，但是将它们保存在代码中以帮助搜索引擎排名？

Answer 1

alt属性不是填充关键字的地方，这样做会导致搜索引擎惩罚你。它应该包含图像的短替换。正确使用它看起来会不那么难看。

Answer 2

如果你需要一个javascript解决方案，用户spezzino会给你一个。但这只有在实际显示的html图像alt属性而不是它的标题时才有效。此外，使用javascript删除这些属性是最有效的技术，以获取不良页面排名或搜索引擎惩罚。

如果您需要css解决方案：     这样做有效，但会因“垃圾邮件”技术而影响您的网页排名。

img {color:transparent;background-color:transparent}

jsFiddled with your code for example

如果您需要firefox特定解决方案：

img:-moz-broken {color:transparent;background-color:transparent;}

如果您只想为您的工作站提供解决方案：

Try to set the Boolean pref browser.display.show_image_placeholders to false on the about:config page.

另外，请注意，我们无法确定它是显示的“标题”还是“alt”属性。这就是我们要求你的HTML的原因。为了更好地了解您的情况，而不必“尝试”回答我们的情况。

Answer 3

您可以使用jQuery removeAttr()删除 alt 属性

$("img").each(function(index, image){
    $(image).removeAttr("alt");
});

请务必在$（document）.ready（）函数

中包含该代码段

Answer 4

肮脏的方式
使用CSS：

img{
    color:#fff;/*or transparent*/
    background-color:#fff;
    background-image:url('your loading image');
}