我需要使用background-image属性,这样我就可以使用background-size,同时我还需要使用img标签来实现与SEO相关的目的。将具有带有display:none的img标签;出于SEO相关目的对网站进行处罚?如果是这样,正确的做法是什么? 最佳答案 图像是否包含搜索引擎可以使用的文本?如果不是-没问题,您可以删除图像并仅使用背景图像。但如果它确实包含文本,我会首先尝试制作一个没有文本的漂亮背景,并使用漂亮的字体并在其上添加真实的文本。如果看起来很难,您可以编写文本并使用display:none。与背景图像相比,
我已经使用jquery构建了一个网站,以便在内容之间进行良好的转换。代码是这样工作的:有2个img(正文和页脚)。当我单击一个链接(而不是转到另一个页面)时,我淡出2个img并更改2个的src属性。当新的img加载时,我将它们淡入。我正在使用SWFaddress允许用户直接转到内部内容。现在我想让我的内容被谷歌和其他搜索引擎收录,所有文本内容都在imgs中,所以我在ALT属性中得到了文本。我的问题是:如果使用JS动态更改imgsALT属性,蜘蛛是否能够正确读取它?假设我正在使用SWFaddress创建站点地图。 最佳答案 搜索引擎机
有个问题困扰了我好久。我已经阅读了很多文章,但没有得到完全令人满意的答案。问题:我在网站顶部放置了一张带有公司Logo的图片。现在,是在SEO方面相当于MyHP-Title很长一段时间我都使用将Logo用作background-image和将text-indent:-100em作为公司名称的技术,但这可能会被视为黑色-帽子SEO,所以我放弃了。另一方面,即使是W3C也使用隐藏的span作为标题,所以也许这根本无关紧要? 最佳答案 这基本上取决于搜索引擎。但如果浏览器(或这里:蜘蛛)不支持图像,他们应该以同样的方式受到威胁。没有完美的
给定图片引用,alt属性的正确用法是什么?它似乎有资格作为带有“装饰文字”的图像,whichW3Crecommends将整个文本放在alt属性中。但是,我猜他们对装饰文本的想法是一个简短的短语。事实上,他们为alt属性推荐了一条“短线”。此外,somescreenreaders显然将文本分成125个字符的block。更具体到我的情况(因为这个问题可能看起来微不足道),我运行一个获得相当多流量的报价网站,因此确保它的可访问性和语义对我来说很重要。在下一个版本中,引述将显示为拼贴画——一些文本,一些图片引述。我最初打算使用以下内容,基于alt属性应该用简短的句子描述图像这一事实:Pictu
有gif动画的标签。但我发现标签可以显示gif动画。我知道标签可以设置一个占位符,但我不需要它。我再也没有发现任何差异。所以,我的问题是“对gif动画使用标签有问题吗?”打开https://ampbyexample.com/playground/并粘贴下面的html代码,如果你想检查如何工作标记和标签。body{-webkit-animation:-amp-start8ssteps(1,end)0s1normalboth;-moz-animation:-amp-start8ssteps(1,end)0s1normalboth;-ms-animation:-amp-start8sstep
使用MVC3中当前没有H1元素的布局。唯一符合H1条件的是横幅中的公司Logo。如果我将图片与文字一起放在横幅中,对SEO有何影响?类似于以下内容:MyCompanyName或者,甚至可以绝对定位跨度并将其定位在视口(viewport)之外。我知道搜索引擎更聪明地只索引显示给用户的内容。但是我应该如何处理这种情况呢?我是否需要额外的文本,或者爬虫是否会将img的alt属性编入索引? 最佳答案 是的,任何内联元素都可以包含在h1元素中。不用担心跨度。大多数搜索引擎都会索引替代文本。甚至可以查看w3.org自己的网站作为示例。他们用他们
首先我需要在站点中找到所有img,然后检查img是否具有“alt”属性,如果图像具有该属性,它将被转义,如果没有或alt为空,将从列表或数组中随机添加一个字符串到img。以下是使用javascript的方法:findifaimghavealtinjqueryifnotthenaddfromarray但这对我没有帮助,因为根据这个:HowdosearchenginescrawlJavascript?searchbotscan'treadit,ifyouuseJavaScriptyouneedtouseserver-sidelanguagetoaddkeywordtoimgalt.接下来呢
我有网络应用程序。对于图像,我们使用HTML标签img我们也在使用alt用于SEO目的的属性。现在,我们正在重新设计我们的网站以改善用户体验,我们的设计师建议将img标签替换为因为使用这种技术图像不会调整大小等等。但是,我看到了使用这种方法的一个很大的缺点,我们失去了alt属性,这将直接影响我们的SEO。有什么建议吗? 最佳答案 我会根据您需要对图像进行多少控制来决定。因为您仍然可以通过CSS调整和控制HTMLimg标签。您确实可以通过背景图像更好地控制图像裁剪、定位、动画效果等,但如果设计只需要根据屏幕尺寸调整图像大小,那么您仍然
我想让img标签以与div中相同的方式响应,使用背景位置为background-position:center和background-size:cover我的问题是,我将张贴很多不具有相同宽度或高度的图像(在网格布局中)。所以,如果我使用带有height:auto的img标签,我每次都会得到不同的高度。当前解决方案:1.使用bg-image和1pixel图像的宽度和高度:使用背景图片和imginsidewithvisibility:hidden3.使用多种img尺寸(小、大、中)有没有办法让img标签在流动网格中工作,让它看起来像bg-image(bg-contain)一样漂亮,或者使
我注意到最近出现了很多关于可访问性和SEO最佳实践的文章,质疑旧CSStext-indent:-9999px技巧的使用,我很好奇是什么是这里的最佳实践。Google的一名员工说it'snotgreat图像上的alt标签应该适合屏幕阅读器。这背后有什么真相吗?我是否应该改变我在网站上处理某些图片的方式? 最佳答案 带有alt属性的图像。文本缩进技巧对于屏幕阅读器用户来说非常好,但对于刚刚关闭图像的用户(或者由于网络错误导致图像无法加载时(尝试在行驶中的火车上使用3G是这样有趣))。 关于h