Should we include our header logo in a sprite or leave it as a regular image?
-
We are combining the images in our header and footer into sprites. We noticed that when we include our header logo in the sprite, we lose the "alt" text associated with the header logo.
Is this undesirable? Would it be better to leave the logo in our header as an image with "alt" text?
Here's the link: http://www.ccisolutions.com
-
Thank you to you both. Agreed that testing is really the only way to know. I doubt that the pagespeed is going to be significantly impacted by the logo alone...but we won't know until we try it. Then we can decide which way to go.
-
Like BeardCo says, there are benefits to both approaches. The only way to know for sure is to test it. ALT text does have some SEO benefit, but it's not going to make or break your rankings. My guess is it won't impact your rankings either way, but test and see what happens.
-
I think its important to keep your logo as an image to keep your "alt text". It really depends on what you are trying to achieve. It sounds to me that you are trying to increase your speed optimization of your page which directly can affect your SEO. If your site is optimized and you can keep your logo in as an image I would keep it. If you making your logo into a sprite increases you page speed a lot and gives it a big boost in performance (highly doubt it) than do it.
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
-
Reducing cumulative layout shift for responsive images - core web vitals
In preparation for Core Web Vitals becoming a ranking factor in May 2021, we are making efforts to reduce our Cumulative Layout Shift (CLS) on pages where the shift is being caused by images loading. The general recommendation is to specify both height and width attributes in the html, in addition to the CSS formatting which is applied when the images load. However, this is problematic in situations where responsive images are being used with different aspect ratios for mobile vs desktop. And where a CMS is being used to manage the pages with images, where width and height may change each time new images are used, as well as aspect ratios for the mobile and desktop versions of those. So, I'm posting this inquiry here to see what kinds of approaches others are taking to reduce CLS in these situations (where responsive images are used, with differing aspect ratios for desktop and mobile, and where a CMS allows the business users to utilize any dimension of images they desire).
Web Design | | seoelevated3 -
Images are Blocked Resources in webmasters. Anything wrong?
Hi all, The images in our sub directory are hosted from a sub domain. This sub domain is blocked to robots. So, I can see all these images are shown as "Blocked Resources" in webmasters. Is anything wrong with this? If so, we also usually block robots to image files location in our website. What's the difference? Thanks
Web Design | | vtmoz0 -
How to create this image effect for my home page
How do I make a wide, somewhat fast loading image effect like this home page has: 3dcart.com work on my website bobweikel.com I'm asking for how to create the effect (with small enough image kb to load) and what the image should be of in your opinion. Thanks!
Web Design | | BobGW0 -
Image Replacement Using Cufon (Javascript), SEO effects
Hello Friends, I am using Cufon for image replacement in my website. May I know, does Cufon have any negative seo effects? Will this affect the search engine ranking or loading time of my website? What are the advantages and disadvantages of using cufon in a website in seo perspective?
Web Design | | zco_seo0 -
Image URL's and naming
We're re-platforming on Magento and wondering about our images. 1. Should I be concerned about 301 redirects for my images. 2. Is there a "best practice" path for images? or is just the name important? Right now, all our images are in /meta/images/sm or /lg or /xlg. Since we're re-platforming, we're wondering if we should change the urls. But, I'm assuming this would require all of them to have 301 redirects and with all the other redirects, I'm not sure this is really feasible. thanks for any suggestions on this.
Web Design | | centralvacuumstores0 -
SEO Issues From Image Hotlinking?
I have a client who is hotlinking their images from one of their domains. I'm assuming the images were originally stored on the first domain (let's call it SiteA.com) and when they were putting together SiteB.com, they decided to just link to the images directly on SiteA.com instead of moving the images to Site B. Essentially hotlinking. Site A is not using the images in any way and in essence is just a gateway for their other sites and in this case a storage for their images. It doesn't use those images at all, so it really doesn't get any benefits of the images being referenced since I read that Google sometimes counts that hotlinking as a "vote" for the original image. But again, since ite A doesn't use the images that are being hotlinked at all, there's no benefit for Site A. My concern is that it's affecting their SEO for Site B because it makes it look like Site B is simply scraping data by hotlinking those images from Site A. Their programmer suggested creating a virtual directory so that it "looked" like it was coming from Site B. My guess is that Google can see this, so then not only will it look like Site B is scaping/hotlinking images, but also trying to hide it which may send up red flags to Google. My suggesstion to them was to just upload the images correctly into their own images directory on Site B. They own the images, so there's not any copyright issue, but that if they want proper SEO credit for that content, it all needs to be housed on the correct server and not hotlinked. Am I correct in this or will the virtual directory serve just as well?
Web Design | | GeorgiaSEOServices1 -
H1 image replacement question
Working with content folks on a new section of our website. Developed a new logo for this section of the site, and they want to incorporate the style of it into all of the page headings. The only way to pull this off is to use images for H1's. (Without getting into unnecessary detail, they have to be images - too precise to try text over background images.) I made everyone aware of the importance of H1 text for SEO purposes, but they really want these images. When I first attempted SEO back in 2003, I recall doing a site using CSS image replacement along these lines: Widget Page #example {
Web Design | | c2g
background: url(../images/example.gif) no-repeat;
text-indent: -5000px;
} That was nearly 10 years ago, and they definitely ranked for the H1s at the time which led me to believe it worked. Anyone know if this is considered an acceptable practice today? I read some other threads about enclosing the image in tags and relying on the ALT text, but that doesn't seem to be a good option.0 -
Anyone have a good example of a CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive?
Anyone have a good example of CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive? Or am I gonna have to actually make one? Anyone have a good example of CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive? Or am I gonna have to actually make one?
Web Design | | anns0