CSS background images weight impact
-
Hi,
do you think that the use of a single 1.8Mb background image sitewide could have a big negative impact and make a website disappear from SERPS?thank you
-
Hi Gianni,
There are a ton of reasons why your website might have slipped down the SERPs or dropped rankings. It's almost certainly not because of your image.
If you want, you can PM me your URL and I'll have a look.
Nick
-
Hello,
I think the heavy wheight background image has been wrongly pubilshed without the proper jpg compression during last months... (maybe a webdesigner distraction).Anyway now the website is disappeared from SERPS,
I'm trying to spot the possible reason of this penalization, currently the homepage ranks "A" with Seomoz on page optimization tool for the primary keyword, and it's domain metrics are equals or superior to many competitors that rank in first page for the same keyword.
With this heavy wheight background image the overall wheight of the internal pages is about 2.8 Mb (html/css + scripts + inline images + css background images ), I think this is a really uncommon and high value.
If Google considers a page as "loaded" when all of its assets were actually downloaded from the server and not when the event "load" fires on the browser I think it could be a very negative factor.
Thank you all for your replies
(and sorry for my english) -
That is a pretty large image file, I do not know how it would impact the SERPS.
If you are using photoshop and saving the background image as a Jpg, one thing I always try to do is lower the quality when saving for web to around 30-40 for really large images (can notice a difference but not too bad) or lower the quality to 51 if you want the image to remain pretty much the same.
Another thing that I like to do is use Smush.it (http://www.smushit.com/ysmush.it/) which is a free tool from Yahoo that will save you a little on filesize without changing the appearance of the image.
Hope this helps!
-
1.8mb is HUGE, what on earth is in there? I have a full background complex image for one of my websites - it's 90kb. Even the biggest CSS sprite image I have is just 30kb that includes most of my site template.
I recommend that you revisit this and use a different image format if not jpg/png/gif - for example never use tif or BMP online.
A background this size will really look poor to your first time visitors - this is exactly why Google want to start using speed as a ranking factor.
-
Just to add - try and compress the image as much as you can.
I'd be more worried about waiting for it to load and it having a knock on effect on your user experience.
DD
-
Hi Gianni,
of course the huge image won't make the website disappear from the serps - if you define "disappear" that the website is banned from the index.
I suppose you know that speed / loading time already matters, but it is just one of many ranking factors and Matt Cutts said that very rare pages are concerned. But imagine that there is a website with exactely the same condition as yours then the one with less loading time will be "better" than yours.
Even though the image is in the css defined it is not the best idea. Did you really compress the image yet?
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
In seo is it nesseccary ro optimize images as well?
Is it right Image optimization creates many advantages such as better user experience, faster page load times, and additional ranking opportunities. And, it's becoming an increasingly more important role in the website? Because I start a blog https://coinmasterfreespinslinks.com/ and need your suggestions seniors. Thanks!
On-Page Optimization | | adsdsadsacd0 -
How to deal with hundreds of externally-generated images with no alt text?
Hi all This is a good one. I work for a webdev company who has clients in the transport industry. Part of our work on their sites involves pulling in transport-related offers from a feed. This includes both text and images, which our site template turns into viewable pages. The problem is that Moz has flagged that these images don't come with alt text, and there are _hundreds and hundreds of them. _I can't add alt text to them all, there just isn't the time or resources. Besides, the list is updated frequently, and new images are pulled in. So... what do? Would it be prudent to noindex them all by default setting? I'm stuck! Many thanks,
On-Page Optimization | | tomcowles
Tom0 -
Will changing a site from https to normal http have any SEO impact if we do automatic redirects?
We currently have a site which uses https and want to change to normal http only (for reasons unrelated to SEO). We were planning to do this with a change in our server configuration (we use Nginx, and can automatically redirect https to http). Our site has been around for approx 1 year, so there are links floating around in the Internet which will still be using https. These will be automatically redirected to http. What will be the impact on our SEO? I understand that our webmaster tools account may need to change...
On-Page Optimization | | michaelcho0 -
Images, using a lightbox would it go against adsense TOS?
Something I have been trying to figure out. On my website each member can have up to 10 images. When viewing a profile you can select each different photo and we currently use javascript to display this in a small box so the page does not re-load. I am curious for ideas, would we be better off having the images load on a different page? Giving more pages per visit in GA or would a lightbox type pop up be optimal. My concern is that the lightbox (similar to how Facebook displays images) would be a violation of google adsense TOS. I tried to talk with a help desk member from google regarding this but I am not even sure they could speak english to understand what I was saying. What do you guys think? When it comes to handling groups of images how would you best display them for user happiness and search engine optimisation?
On-Page Optimization | | Burto0 -
Does Google penalize a page with the image tag with alt and without src?
Hi, I am curious whether Google penalizes a page with the image tag with a value in the "alt" attribute and without one in the "src" attribute? Would this count as stuffing? Sometimes you cannot put an image but you would like to get SEO benefit by having a keyword in an image?
On-Page Optimization | | Plivo0 -
On page/site - Images & bold text
As I understand it on a page where you are going for the keywords 'Metal gates', you have an image titled 'Metal gates' (Lets say MG for Metal gates to save on my typing!) with the alt tag being 'MG' Now as I also understand it, if an image is also used as a link the Alt tag is also the anchor text? So, I have a page on Metal gates using the above methods, from this page I have image links to a metal driveway gates page (as well as text links), would I be best using an image titled 'Metal driveway gates' with the alt text as ' Metal driveway gates' to link to my metal driveway gates page (if you follow me)? Also on the image question, what if you have say six images (that are all links) on the metal gates page, how would you title the images and alt tags? Variations on Metal gates? Or using the keyword on the page that the link points to? (I'm not looking to keyword stuff but want to get it right! ) Also is it important to have your on page keywords in bold still? i ask because I've bolded text on my pages but not the main keywords - I've bolded text that I want people to see, but do not want to take away any power from my keywords if you follow me?
On-Page Optimization | | Jon-C0 -
What is the importance of image file names and H1, H2 and H3 tags
Hello, My client thinks they will get better rankings if we change the product image names to reflect the keywords for that page, is this true? I believe I just have to add "alt tags" but not sure now. Also, they think its very important to have H1, H2 and H3 tags on each page. I thought this wasn't a big factor anymore. Is it? Thanks
On-Page Optimization | | maximumrank0 -
External vs inline for CSS menu
Which is better for search engines: external or inline menus? And which language: CSS, Javascript, or both?
On-Page Optimization | | teatable0