草庐IT

img-description

全部标签

html - 正确使用图片引用的 <img> alt 属性?

给定图片引用,alt属性的正确用法是什么?它似乎有资格作为带有“装饰文字”的图像,whichW3Crecommends将整个文本放在alt属性中。但是,我猜他们对装饰文本的想法是一个简短的短语。事实上,他们为alt属性推荐了一条“短线”。此外,somescreenreaders显然将文本分成125个字符的block。更具体到我的情况(因为这个问题可能看起来微不足道),我运行一个获得相当多流量的报价网站,因此确保它的可访问性和语义对我来说很重要。在下一个版本中,引述将显示为拼贴画——一些文本,一些图片引述。我最初打算使用以下内容,基于alt属性应该用简短的句子描述图像这一事实:Pictu

html - 将 amp-img 标签用于 gif 动画

有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

html - 可以让 H1 只包含一个 IMG 吗?如果有显示为:none;?的文字,搜索引擎会忽略吗

使用MVC3中当前没有H1元素的布局。唯一符合H1条件的是横幅中的公司Logo。如果我将图片与文字一起放在横幅中,对SEO有何影响?类似于以下内容:MyCompanyName或者,甚至可以绝对定位跨度并将其定位在视口(viewport)之外。我知道搜索引擎更聪明地只索引显示给用户的内容。但是我应该如何处理这种情况呢?我是否需要额外的文本,或者爬虫是否会将img的alt属性编入索引? 最佳答案 是的,任何内联元素都可以包含在h1元素中。不用担心跨度。大多数搜索引擎都会索引替代文本。甚至可以查看w3.org自己的网站作为示例。他们用他们

php - 查找 img 是否有 "alt",如果没有则从数组添加(服务器端)

首先我需要在站点中找到所有img,然后检查img是否具有“alt”属性,如果图像具有该属性,它将被转义,如果没有或alt为空,将从列表或数组中随机添加一个字符串到img。以下是使用javascript的方法:findifaimghavealtinjqueryifnotthenaddfromarray但这对我没有帮助,因为根据这个:HowdosearchenginescrawlJavascript?searchbotscan'treadit,ifyouuseJavaScriptyouneedtouseserver-sidelanguagetoaddkeywordtoimgalt.接下来呢

wordpress - Yoast SEO : remove og:description and twitter:description on certain page

如何使用yoast-seo插件删除特定页面的og:description和twitter:description标签? 最佳答案 我自己解决了:add_filter("wpseo_opengraph_desc","remove_yoast_og");add_filter("wpseo_twitter_description","remove_yoast_og");functionremove_yoast_og($description){if(is_page(1093)){returnfalse;}return$descriptio

html - 在head中添加多个meta关键字和description occurrence是不是错了?

我可以多次添加关键字和描述元名称吗?无论如何它会影响SEO吗? 最佳答案 我想只有最后一个会被用到。 关于html-在head中添加多个meta关键字和descriptionoccurrence是不是错了?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/7355623/

html - SEO:使用样式 ="background-url"而不是带有 alt 的 img

我有网络应用程序。对于图像,我们使用HTML标签img我们也在使用alt用于SEO目的的属性。现在,我们正在重新设计我们的网站以改善用户体验,我们的设计师建议将img标签替换为因为使用这种技术图像不会调整大小等等。但是,我看到了使用这种方法的一个很大的缺点,我们失去了alt属性,这将直接影响我们的SEO。有什么建议吗? 最佳答案 我会根据您需要对图像进行多少控制来决定。因为您仍然可以通过CSS调整和控制HTMLimg标签。您确实可以通过背景图像更好地控制图像裁剪、定位、动画效果等,但如果设计只需要根据屏幕尺寸调整图像大小,那么您仍然

css - 以与使用 background-img 相同的方式使 <img> 具有响应性和 SEO 友好性

我想让img标签以与div中相同的方式响应,使用背景位置为background-position:center和background-size:cover我的问题是,我将张贴很多不具有相同宽度或高度的图像(在网格布局中)。所以,如果我使用带有height:auto的img标签,我每次都会得到不同的高度。当前解决方案:1.使用bg-image和1pixel图像的宽度和高度:使用背景图片和imginsidewithvisibility:hidden3.使用多种img尺寸(小、大、中)有没有办法让img标签在流动网格中工作,让它看起来像bg-image(bg-contain)一样漂亮,或者使

seo - 当搜索引擎看到 meta "description"和 meta "keywords"相同时会怎么想?

如果元描述和元关键字相同,这对搜索引擎来说是否被认为是“坏的”? 最佳答案 元描述和元关键字标签并未被主要搜索引擎用作其排名算法的一部分,因此这个问题确实没有实际意义。(该关键字通常被忽略,并被广泛认为没有SEO值(value)。元描述标签不会影响排名,但Google可能将其用作您的网页在其搜索结果中显示时显示的代码段.)但要回答您的问题,如果您的元关键字和描述标签相同,那么您使用的它们不正确。元关键字标签应该是最能代表页面内容的以逗号分隔的关键字列表。元描述标签应该是页面的一两句摘要。如果您使用逗号分隔列表作为您的描述,那么您的描

html - 什么更容易访问,文本缩进 : -9999px or just using an img with an alt tag?

我注意到最近出现了很多关于可访问性和SEO最佳实践的文章,质疑旧CSStext-indent:-9999px技巧的使用,我很好奇是什么是这里的最佳实践。Google的一名员工说it'snotgreat图像上的alt标签应该适合屏幕阅读器。这背后有什么真相吗?我是否应该改变我在网站上处理某些图片的方式? 最佳答案 带有alt属性的图像。文本缩进技巧对于屏幕阅读器用户来说非常好,但对于刚刚关闭图像的用户(或者由于网络错误导致图像无法加载时(尝试在行驶中的火车上使用3G是这样有趣))。 关于h