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
-
High image rank
Hi everyone I have a question and I hope you can help me or at least introduce some moz post to me.I want to have high rank in google image so I use a descriptive alt text and image title. I used related content and keyword for my pictures but there still some issue should I use the exact keyword in my header and content?and repeat them OVER AND OVER ?can you help me with this issue?
On-Page Optimization | | talaabshode20200 -
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 -
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 -
Should I watermark my product images
I am in the process of creating new images for my products to use on my website. Are there any advantages or disadvantages of watermarking each image? Is there an SEO impact good or bad? I am aware that filename and Alt tags are important, but am unsure if google dislikes watermarked images.
On-Page Optimization | | BipSum1 -
Image Alt For Logo
I've just run an on page audit of my website www.octopus-hr.co.uk and it seems in reasonable shape. However, I wonder whether I'm missing a trick with the Image Alt for my company logo. The logo appears on every page and links back to the home page. Currently the Alt tag is just the Company name "Octopus". We develop HR Software and we would love to rank better for the term "HR Software". Is it legitimate to change the alt tag to "Octopus HR Software" for my logo or is considered spam and likely to get us hit with a penalty? Thanks in advance David
On-Page Optimization | | davidoff5744440 -
Flickr v. On-Site Images
My apologies in that I have searched for this, have seen discussions on it and haven't seen a definitive answer on the question of hosting & displaying on-domain images v. using a source like flickr to host all of your images. I have a client that is mostly a local search play in a very tourism heavy area. I'm investigating this option for a few reasons. 1. Ease of use. The new flickr app is brilliant. So if he's out giving a tour, takes a picture, it can be seamlessly integrated to his account & then shot off to all of his portals (website, facebook, twitter, etc.). It's a small client & he's not tech savvy, so this option suits him very well. 2. SEO. With all of the tagging, geo components, and it playing nice with Google Images search, I thought this was a viable option in hosting the majority of his on-site images. I've seen opinions on this before. But I was wondering if there any further opinions on the subject. Not sure if there's anything 'definitive', but any help or insight would be appreciated.
On-Page Optimization | | BrianWhitaker0 -
How to ALT tag correctly many similar images?
scenario: I have a product page with some text about the product and 12-15 different images af the product: details, colours, different views... how should I name an alt tag them correctly, been them actually really similar? Is it keyword stuffing to use the same name containing a relevant keywords?
On-Page Optimization | | DavideM0 -
Best Way To Host Images For Image Optimization
I need an image optimization expert to tell me whether or not we are hosting images properly for SEO. Currently, we upload all images to Picasa and then call them out with a webpart in our content management system. See example here - http://www.tennisnow.com/Photos/2011-BNP-Paribas-Open-Day-5.aspx Here's an example of the url that is attached to each image - http://lh5.ggpht.com/_1Oyc-Zgkrpk/TX5H-Pfyd7I/AAAAAAAARbc/nG3Cw-G5tsY/s400/1215548409_FU9xA-L.jpg We have a lot of images, and we've hosted them on Picasa for speed purposes based on a recommendation from our developer (makes the pages load faster). I've read that Google can now factor page load time into its ranking parameters. We are not seeing the images from each photo gallery being indexed on images.google.com. We are torn. What should we do to rank for these images?
On-Page Optimization | | tennisexpress0