Questions tagged «images»

为什么像Facebook，Twitter和Google这样的网站在外部域上托管其图像和CSS，例如： 脸书： static.ak.fbcdn.net 推特： a0.twimg.com 谷歌： ssl.gstatic.com 问题： 是表现吗？还是安全性？

43 css  images  multiple-domains  cdn  static-content 

网页使用JPEG图像时，通常以自上而下的方式呈现它们... ...但也可以使用称为渐进JPEG的模式来呈现它们，该图像以全尺寸开始，但模糊，然后随着连续传递，直到完全加载为止。 渐进式加载要求以这种方式保存图像。 为什么没有更多的网站使用渐进式JPEG？有什么缺点？仅仅是缺少工具支持，还是这些文件在某种程度上不如传统的自上而下呈现的JPEG图像？

39 images  jpeg 

为什么这么多大小的网站都在诸如media.example.com或的子域中插入静态文件（CSS，图像，JavaScript，ECC）s2.static.example.com？ 有什么优势？为什么不只是一个目录example.com/media/？

29 javascript  css  images  static  subdomain 

我们正在使用以下技术在我们的网站上延迟加载图像： 对于所有图像，我们在src属性中放置默认img的url（即加载程序），然后在data-src属性中放置实际的图像url 。像这样 <img src="loader.gif" data-src="img1.jpg" /> 当图像位于视口外部时，什么也不会发生，但是当图像进入视口内部时，将data-src加载来自属性的url，并且可以正确显示图像。 结果，谷歌认为页面（即搜索结果页面）中的所有图像都具有相同的src属性。因为Google bot当然会只解析带有默认值的'unloaded'img标签src。 我的问题是：具有相同src属性的许多img标签是否会影响页面的SEO？

23 seo  google-search  javascript  images  google-image-search 

此问题是从Stack Overflow 迁移而来的，因为可以在Webmasters Stack Exchange上回答。 迁移 9年前。 在网站上添加Favicon的现代标准是什么标记？标准图像格式和尺寸是什么？

20 html  images  favicon 

我正在为一个朋友建立一个小型投资组合网站，并且从事广告以及所有工作，她讨厌标准字体，并且希望所有内容都以自定义字体编写。 由于CSS字体嵌入目前还不是真正的选择，因此所有文本（幸运的是，它们的数量很少）将作为图像放置。 我如何仍可以索引图像内容？对于小文本（链接，菜单等），我将文本放在alt属性中，但对于更长的文本，我认为这不是解决方案。我能做什么 ？将文字放在图片旁边的隐藏div中？

20 seo  search-engine-indexing  images  text 

使用Schema.org的logo/ 时正确的图像尺寸image是Brand多少（例如）？ 我想为品牌创建一个尺寸正确的徽标，以使它在搜索结果中显示时看起来不会太失真。我在网站上找不到正确的图像尺寸。

15 seo  html  images  microdata  google-rich-snippets-tool 

在处理某些wordpress主题时，我一直在修改一些图像文件，并注意到我编辑的版本有时比原始版本大3-4倍（使用相同格式保存）。我不想降低质量-有什么方法可以减小文件大小，以便更快地加载？ 例如，现在，我使用Photoshop并将图像质量滑块设置为“ 8”（满分10）。

15 optimization  images 

我目前正在网站上工作，并且已经成功安装了SSL证书。 GeoTrust SSL / TLS检查器确认证书链（包括CA）已正确安装。在Chrome上一切正常，但我的挂锁不是绿色的，而在Firefox上，它实际上指出该网站是不安全的，因为该网站上存在未加密的元素。 我使用了在线服务来检查原因，结果发现我的图像确实不被视为安全URL。如何处理这种情况，又如何将图片安全地嵌入到我的网站中？

14 https  images  security 

我有一个链接，该链接以一个背景图片开始，然后在悬停时更改为另一个。两个背景图像均在CSS中设置。在您实际悬停之前，我的浏览器（其中的任何一个）似乎都不会加载悬停图像。但随后，在加载新图像所需的几秒钟（在我的连接非常慢的情况下）中，您最终得到了空白图像。有没有一种方法可以鼓励浏览器预加载悬停图像，以免在悬停时发生延迟时间？

14 css  images  load-time 

谁能告诉我Google在显示带有搜索结果的图片时会如何决定使用哪张图片（有时与移动搜索一样）？ 如果您查看这些移动搜索结果... …并以AliExpress.com的结果为例，通过检查HTML，您可以看到Google使用的图像似乎没有特殊声明，等等。这只是该页面HTML中出现的第一个JPG-因此，我也许这就是为什么它是Google搜索结果中使用的图像的原因。 但是，当您查看这些移动搜索结果时… …并考虑“背包广告牌”结果，HTML显示正在使用的图像实际上是HTML中声明的第七张图像。 那么，谁能阐明Google如何确定要显示的图像呢？我想知道，这样我就可以控制为我的网站显示哪个图像。 更新/解决方案 感谢下面的回答，这是我现在添加到headHTML中的代码，以便在搜索背包广告牌时在Google中显示缩略图： <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Regular Backpack Billboard", "image": [ "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg", "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg", "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg" ], "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.", "sku": "BPBB8", …

14 google-search  images  serps 

当我发送带有远程URL的新闻稿时，大多数电子邮件客户端都会询问用户是否要在消息中加载远程资源。 如果我使用以Base64编码的字符串作为源的图像发送电子邮件，接收者会立即看到该图像吗？

13 email  images  newsletter 

我们知道好的网站架构通常是这样的： example-company.com/ example-company.com/about/ example-company.com/contact/ example-company.com/products/ example-company.com/products/category/ example-company.com/products/category/productname/ 现在，当涉及到Google图片搜索时，很明显，img alt标签，文件名/ URL和周围的文本（标题，标题，段落）会影响排名。 我想问一下我们应该使用的图像的文件名（例如product-photo.jpg）。 ...但是首先要了解网址： 通常，Web开发人员会将所有图像粘贴在根目录下的单个文件夹中：example-company.com/img/—我已经停止这样做了。（我不想进入，但基本上，对于每个子目录中的内容组成部分的图像来说，语义似乎更有意义） 但是，当所有图像都出现在一个文件夹中时，我觉得它们的文件名需要反映出它们比平时多一些的内容，例如： example-company.com/img/ example-company-productname-category.jpg 它的文件名比更长product.png，但是只要相关，就SEO而言，我认为没有问题（除非您是关键字填充），它甚至可以帮助对关键字进行排名： “示例公司” “产品名称” “类别” 所以没有问题。 但是，当我们将图像放置在我们最初概述的站点体系结构中时，该怎么办？换句话说，如果图像URL路径如下所示： example-company.com/products/category/productname/ productname.jpg 我的问题是，URL是否应该像上面一样保持简短，只在文件名中包含“ productname”（和一些描述性关键字）？ 或者，是否还应包括“示例公司”和“类别”？像这样： example-company.com/products/category/productname/ example-company-category-productname.jpg 这看起来更长，并且在我们查看URL时是多余的，但是这里有一些注意事项。 图片通常会下载到计算机上，并且对于普通用户而言，它们会丢失其原始URL，因此-不清楚它们来自何处。 此外，某些社交网络，论坛和其他平台在上载时会保留文件名不变。（许多其他人都重写了它，例如Pinterest和Facebook。） 另一个考虑因素，这是否真的有助于（甚至略微）在Google图片搜索中排名，或者至少告知Google该产品是特定于“示例公司”的产品？例如，如果只能在这家商店购买该产品并且它是旗舰产品，该怎么办？除了到此产品页面的大量内部链接之外，在“示例公司”搜索中显示“示例公司”名称和“类别”是否对它有帮助？ 换句话说，是更少吗？

13 seo  url  images  filenames  image-search 

为图像文件命名时，我始终使用诸如的描述性文件名red-mercedes-slk.jpg。我一直在不加思索地做到这一点，但是我想知道它是否真的以任何方式使我的排名受益。 写像这样的无信息文件名会r-slk.jpg好吗？我仍然会使用替代文字。

13 seo  images  filenames 

我现在正在建立的网站上遇到奇怪的情况，该网站上显示的图像与应该显示的图像相差90度，但同时又保持了我指定图像的正常尺寸。对于我来说，这仅发生在iPad和iPhone上的Safari上……所有其他浏览器都没有此问题。 有任何想法吗？ 可以在此处查看有问题的页面：http : //www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/

13 css  images  iphone  ipad