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!
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
-
How to change images of a page without loosing ranking?
Hi, I have two reasons to change some images of a page on a wordpress site: 1.Google speed service advise me to optmize the images size to better spead load times. 2.I want to change images titles (to improve seo optimization for the page keyword), so i need to replace them, since im using wordpress. Now the question is: Can i just change the images without worring about any related seo issues? Or should i follow some best practice to change images in order to not affect the ranking of the page? tx for your support!
On-Page Optimization | | Dreamrealemedia0 -
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 -
Alt and title tags on images
For SEO, are alt and title tags still worth the effort? Or have they gone the way of meta keywords? I can see having alt tags for visually impaired reasons, but at this point is there any SEO reason to use them?
On-Page Optimization | | CompucastWeb0 -
How to name images for billingual website ?
I have a website where images are based on a different domain. And i am calling only one single image for english and french version. I m wondering if it s valuable to use both languages in naming the images like Apple-Pomme.jpg or if there might be any drawbacks.Thanks !
On-Page Optimization | | ennick0 -
SEO Location Pages - ALT Image Tag Question
Hello Guru's, I have a Hire Website whereby you can rent products online. I have created different Location pages for these which are in essence the same pages page but with different location specific urls, title tags , on page content etc etc. This helps me to rank for local search. These location pages also display 20 products per page. My question is Should I make the ALT IMAGE TEXT location specific for each of the 20 products . Example - Steam Cleaner Rental in "location" or should I only amend a few of the Atl Image Texts to be location specific. I don't want to come accross as spammy in google eyes but I also don't want to be seen as having duplicate content , images etc etc What do you think ? thanks Sarah.
On-Page Optimization | | SarahCollins0 -
What's the best way to name an image for SEO?
Hi Guys,
On-Page Optimization | | krseo
I'm thinking about images and SEO. What's the best way for naming and using images in HTML Code? For example: Image-Name: keyword-keyword2-keyword3.jpg or keywordkeyword2keyword3.jpg ?
How many Keywords should I use max for a picture? And also do you use the alt tag as description of the image and the title tag or only the alt tag? If you use the title, what do you use it for? Maybe someone can copy a HTML-Code example for me 😉 Thank you 🙂
Alex0 -
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 -
How to get Google images traffic?
How to get Google images traffic? Take a look at traxnyc.com and sugest what we can improve. Thanks in advance.
On-Page Optimization | | DiamondJewelryEmpire0