Preferred Image Replacement Techniques
-
What is the preferred image replacement technique currently for CSS? I have been using the one that someone here at SeoMoz recommended a year or two ago, which was:
{
#id {
overflow:hidden;
width:200px; //width of the image
background-image: url(...);
}
#id span {
display:block;
width:1000px;
height:1000px;
}
-
Since I posted this, I've been using Google Fonts and @font-face instead of doing image replacement. When I need to use a font that I don't have a license for, I do image replacement as I described above. I've not run into any problems or penalizations with that method.
-
I'm interested on an update on this question too. Scott O.
-
Hi! We're going through some of the older unanswered questions and seeing if people still have questions or if they've gone ahead and implemented something and have any lessons to share with us. Can you give an update, or mark your question as answered?
Thanks!
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
-
Multiple H1s and Header Tags in Hero/Banner Images
I work on education websites, and our sites are being flagged by SEO and accessibility checkers for having multiple H1s. The home pages have the site name as an h3 in the hero image, and an aspirational headline (think: Be Like Mike) as an H1. The sub-pages have two H1s: one on the site name in the banner image, and the other on the page title. Note that the site name is very keyword-rich. If we were to remove the H1 and H3 tags from the hero/banner images, would it do any SEO harm? At the same time, we’d rewrite the H1 on the home page to be more keyword-focused. Any other options? I also read that it’s OK to have multiple H1s as long as it’s clear which H1 belongs to the heading area and which one belongs to the body area of the page. Thanks in advance!
On-Page Optimization | | UWPCE0 -
How to replace the keywords of our Google Site https://www.opcfitness.com/ 's TITLE
How to replace the keywords of our Google Site https://www.opcfitness.com/ 's TITLE Our new google site https://www.opcfitness.com/ page https://www.opcfitness.com/commercial-fitness title: Gym Equipment for Sale - Buy Commercial Fitness The site name is Gym Equipment for Sale. But we need the title like this Buy Commercial Fitness - Gym Equipment for Sale How to fix it?
On-Page Optimization | | ahislop5740 -
Image alt tags shouldn't contain keywords?
Hi Everyone, I've been informed recently that keyword within your image alt tags can be a trigger for penguin if you have your keyword mentioned too often on the page (over-optimisation). I'm not sure I understand why though, the reason for this is, we have a page which features a picture and a description of a product. The page title, heading, a mention in content and image alt all contain a keyword which is the product name. I've been told to remove these alt tags but aren't alt tags important for screen readers and other W3C complacency issues, so removing the product names from the alt (which also happens to be the keyword for the product pages but is best describing what the image is) would make these image useless to users with certain disabilities, so if its true that doing this can be a negative signal isn't this breaking googles guidelines by not providing good content for those users? Would it be better to remove these alt tags or attempt to remove keyword elsewhere on the page? or can anyone suggest something else? Thanks in advance.
On-Page Optimization | | AMA-DataSet0 -
Image Tags And Titles
Hi, I am currently revamping my website with a new look. Some questions i have with regards to the images found on a page. I know that we need an alt tag for each image. This should not be keyword spammed. However, what about the title tag for the image? What is the best practice for image title tags? Should it be the same as the alt tag? Should it be different? Should I leave it blank? If I am running a wordpress platform for my website. The defaulted settings for wordpress is that all images inside a post are clickable. When clicked, the page loads from abcdef.com/page/ to abcdef.com/page/image.jpg. This seems to be generating alot of internal links but I don't see the value of loading an image when my visitors click on that. Should I let the image be clickable or remove the link on the image for best SEO practices? Thanks for your advice. paul
On-Page Optimization | | paulgian1 -
Nofollow images to sculpt internal anchor tags
One of my client tags image-links with nofollow if those links are before a regular HTML link in the source code, e.g.:
On-Page Optimization | | Sebes
.
.
.
Check our page aboutreally cool shoes. They do this to "better pass anchor tags" to the page /page-about-shoes.html. My question: Is this a good practice to do? Thanks Sebes0 -
Seo'ing Sub domains for images
We are currently adding some performance improvement to our websites, to improve user experience. One of the things we are looking at is splitting of images over several sub-domains, to increase the number of images that can be downloaded at the same. We have seen that using key phrases within image names has an improvement in rankings. So, the question is should we create sub-domains as key-phrase.example.co.uk or as i1.example.co.uk? K
On-Page Optimization | | soltec0 -
Google seems upset that I took their advice. [Titles and alt tags for images.]
Hey all, I accidentally posted this as a private question and now want to post it publicly due to some updates (for the worse.) I'm a photographer and the site I'm talking about is my portfolio site. It is very image heavy and had basically no text. Those who have consistently beat me (positions 1,2, etc.) in SERPs for my key search phrases have a modest amount of text on their pages. I'd been doing OK in SERPs (top 3-5 for my key search phrases) over the past couple years and my site has decent age and domain authority (a good number of relevant inbound links from extremely reputable sources over the years, etc. etc.) [In case it matters, my root domain has a PageRank of 4 and I have a couple internal pages with PR5.] For years I resisted adding any text because I was trying to obey Google's rule to design "for people, not search engines." Over the past couple of months, though, I got some advice on the SEOMoz webinar about adding (relevant) alt text and body text, and also read Google's Webmaster Central article about giving images good titles and alt tags, so I decided to take the plunge about ten days ago. I went through the site and added modest amounts of relevant text to pages where it was appropriate and where it didn't detract (too much) from the design. I made sure my images had sensible human-readable alt tags that were descriptive and made sure not to do any keyword stuffing. Finally, I edited some of my page titles so that they were a little more descriptive. Again, nothing extreme or radical or spammy. (But overall, esp. from Google's perspective, there were some fairly significant changes in a short period of time.) Well.. you're all already guessing what's next. As soon as Google saw these changes, I tanked pretty badly. I went from position 3-5 on my key phrases to positions like 16-25 and spent a few days in those positions. Now I'm just gone & buried somewhere in Google's boneyard. My latest ranking report for today shows me "not in top 50" for any of my key phrases on Google. I'm #1 for many of those same terms/phrases on Bing and Yahoo. (Always have fared very well with them.) Google's webmaster tools says my sitemap is OK and most of the URLs submitted are in the index. Please tell me this is temporary, while Google deals with my changes? (Actually don't, just tell me what you really think.) 🙂 Thank you all...
On-Page Optimization | | vdms0 -
The SEO and CRO Value of an Image Next to Page Content
If given the choice to add an attractive stock photo to a conversion focused page, do the pros out number the cons in terms of SEO and CRO. Some pros are that you can include the keyword in the image filename and image alt tag. It can also increase user experience by making the page more attractive. Some cons might be that it increases page load time which can have a negative impact on SEO and user expereience. Also the visitor might get distracted away from the lead form button.
On-Page Optimization | | SparkplugDigital0