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 -
How do you check if press release images are different enough?
We're helping a Sydney blog called Happy develop their local following and we're starting by ensuring their posts are optimized. They're doing a great job with reviews and content but the one thing we noticed is that all the images they use (because they review music) are from bands and artists that are used tens if not hundreds of times in other places. We're trying to set up a simple way for them to tweak these images to ensure they're crawled and seen as original. Anyone had to deal with this and found a solution that makes sense?
On-Page Optimization | | wearehappymedia0 -
How important are image file names
Hi, How important do you think the image file names are for image search?
On-Page Optimization | | jjtech
I know it used to be the best practice a while ago but is it still important? Thanks in advance, JJ0 -
WordPress image urls - need a WP maven
We were having a conversation re urls that are indexed for images that are stored in various media plugins in WP. My question for anyone who is an uberWP person is: What is your opinion re best media storage plugins and how these URLs affect pages on a site for ranking, etc. I realize this is broad, but it is driven out of my concern that I cannot touch everything. When I see a url like this: http://www.drumbeatmarketing.net/wp-content/themes/drumbeat2/img/DB-LOGO-White.png I know there is no way with all the sites and clients we handle that I can get it perfect but this just bugs me for some reason. Should I just chill since it (seemingly) affects so little....?
On-Page Optimization | | RobertFisher1 -
Replacing website, same URL, lose ranking
We had to do a rush job for a client and get a website up very quickly. We had to just replace the existing files on the server, but URL stayed the same. Now "teeth whitening glasgow" which they were number #1 for isn't coming up. Know there is still some on page work to be done - but the link profile should still remain the same? Just looking for some advice to get back to where they were - should we do a website change of address or just verify the site in Webmaster and get all the on page done? Thanks, Laura
On-Page Optimization | | lauratagdigital0 -
My Images Aren't Indexed By Goolge
My site is indexed by google, and there hasn't really been much of a problem with my content, but now I am noticing that none of our images are coming up in the images searches of google. I mean none. I have even typed in the alt text of the image verbatim and nothing shows up. I use wordpress if this helps anyone. Any advice would be awesome, Thanks a lot.
On-Page Optimization | | Caseman0 -
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