3
votes
Is there a performance difference between background-size:cover and background-size:100% auto?
There is a performance difference between the two, using background-size: 100%; is not supported for Android 4.3 Browser and below. Also, background-size percentage values are not properly supported ...
3
votes
Is there a performance difference between background-size:cover and background-size:100% auto?
It's always good to go for % because it guarantees fluid content. It's good both for Google and your users to have a good mobile version of your site.
I don't think there would be a difference in the ...
2
votes
How will it affect SEO if I hide images on desktop but display them on mobile?
If it's just for one image and it's not the most semantically important image on the page, then don't worry about it as you're not going to get panelized for swapping one image.
And Google ...
2
votes
Prevent indexing of image or file
Will the search engines, in specific Googlebot-Image, honor the request? Index the page to the exclusion of the image in an img tag?
Yes. Regardless of how the image is referenced on your site (img ...
2
votes
How to optimize image in Google search if it is a background?
Google's John Mueller said this morning in google webmaster mark that Google Image search does not index and rank images from CSS background code. He said if you want your images to rank in Google ...
2
votes
Accepted
SEO (speed): SVG vs background-image vs image tag
Short Answer: There will be no difference in the perceived performance between the three implementations (img, object and background-image). But when you use png fallback along with svg, img method ...
1
vote
How to Give Credit for Background Images
I'm not sure how widespread it is, but some sites use a humans.txt file to give credit to the people behind the site. Like robots.txt, it should be put at the root of the site.
The humans.txt site ...
1
vote
Accepted
How to Give Credit for Background Images
In a similar situation, I decide to have an attributions page, where I listed each author, linked to their website, and explained what I used. I also thank them at the top.
I am giving them credit ...
1
vote
SEO (speed): SVG vs background-image vs image tag
One of the most effective ways to determine which image resources to use it checks the Google developer tools: PageSpeed Insights. This tool analyzes the entire page and all aspects including images ...
1
vote
SEO (speed): SVG vs background-image vs image tag
I think the optimal solution for speed would be to serve a compressed (svgz) file directly inside of an image tag. Using an image tag would at least keep your html semantic and would allow crawlers to ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
background-image × 20images × 7
seo × 6
css × 4
website-design × 4
search-engines × 2
page-speed × 2
data-uri × 2
google × 1
google-search-console × 1
html × 1
search-engine-indexing × 1
robots.txt × 1
performance × 1
ecommerce × 1
looking-for-a-script × 1
cdn × 1
copyright × 1
optimization × 1
youtube × 1
navigation × 1
load-time × 1
accessibility × 1
data × 1
google-cache × 1