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
-
Responsive images srcset
Is delivering scaled images using srcset a good idea? Thinking of delivering one image size to Mobile and another to Desktop. How can I do this for all browsers? Thanks Mike
On-Page Optimization | | henandstag2 -
My website is not indexing the image.
Our website's images are not indexed. Will anyone help me? How will all images in my website be indexed? This is my website address: https://www.expertclipping.com/
On-Page Optimization | | jacky_risham0 -
International website - Image names
Hello All! In an international website, it is recommended to have a copy of every image for every language in the website (with translate filenames)? or it is better to use only one copy of each image and change only the alt attributes? Thanks for the help.
On-Page Optimization | | dMaLasp0 -
Clickable Images Question
This may seem like a minor issue but it is something that has been bothering me. When I write a blog post and place images within the text, is it better to have the image linking to nothing or link to the image url. I am guessing that unless I wish the image to rank for a certain keyword then it is not worth it linking to the image url. But would just like clarification if there is a more deep seated reason. Thanks Mark
On-Page Optimization | | markmiton0 -
Is the HTML content inside an image slideshow of a website crawled by Google?
I am building a website for a client and i am in a dilemma whether to go for an image slideshow with HTML content on the slides or go for a static full size image on the homepage. My concern is that HTML content on the slideshow may not get crawled by Google and hence may not be SEO friendly.
On-Page Optimization | | aravinn0 -
SMO - Author Image
Hi Friends, I am having some doubts in author image in the social media websites. For example: I am having account in twitter, facebook and Google+ should I use the same image for all these 3 websites. Your Feedback on this is important for me. Thanks for your time.
On-Page Optimization | | zco_seo0 -
Broken Links/Images Non Optimized Content Help
Hello, After 4 years of incorrect blog creation and 4000 blog posts I have seen the light. I have implemented a new theme, SEO friendly, based on a yoast website report and have been creating timeless blogs with correct structure. However, I have 5400 broken links and images based on the Broken Link Checker. Additionally, of our 2500 blog posts which are on app reviews, only 500 are optimized so I have been painstakingly been going through each to optimize, while balancing new content output. The trouble is Google is seeing massive changes and we are tumbling in search. Any suggestions on how to approach this as it is my understanding that the broken links/images are doing considerable damage to our website overall. the website is crazymikesapps.com thank you Mike
On-Page Optimization | | crazymikesapps0 -
Optimisation for Google Images
What techniques do you use for the optimisation of images on Google. Alt tag , image title Surrounding text Anyone tested actual linking to the image url and not the page url. I have achieved hundreds of top listed images but when it gets competitive what is the most useful technique you have used. Thanks
On-Page Optimization | | onlinemediadirect0