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
-
Is using a H1 tag in a logo image bad for SEO?
We have brand logos on certain pages that have H1 tags in them - the H1 text being the brand's name, as this is what we'd want the title of the page to be. The logos are at the top of the page instead of a written title. But is this the best option for SEO? Do search engines value H1 tags in images as highly as a standard H1 tag?Would it be better for SEO to add an alt tag to the logo and add a separate H1 tag on the page that's also the name of the brand?
On-Page Optimization | | DVLighting0 -
HTML Copy in Image Alt Text Field
Hi all, A quick question regarding HTML copy in Image Alt Text fields. An extended client has some landing pages containing infographics, but contrary to our recommendation - no intro copy or surrounding copy was used. The infographic was simply placed on the page, and all of the text of the infographic was placed into the Image Alt Text field. As far as I know, Google would still see that content in the Alt Text field and attribute it to the Infographic, although this would not be sufficient enough of an effort for the page to rank for any of the content used in that field. I'd just like to check that I am correct? And as a consequence - we should insist that they include some copy with the infographic, or alternatively, use HTML text overlays on the infographic instead of flat text in the image itself? Thanks!
On-Page Optimization | | Saatchi_HU0 -
Image Titles and Descriptions Question
Hello, I have a question about optimizing the SEO on my pages through image titles and descriptions. There are a few times on my website that I use the same image on multiple pages. I am under the impression that giving it a title such as "social-media-marketing-agency-graphic.jpg" will help the SEO for the phrase "social media marketing agency" on that page. My question was, if I want to use the same image on multiple pages, am I better off uploading an entirely new image with a new title to make it more relevant to the new page? Or will this not make large enough of a difference? Or is there an easier solution? Please let me know your thoughts on how to best optimize the pages
On-Page Optimization | | brightsocial0 -
Optimizing images on website. Is it bad to use the same alt names and keywords?
I have a webpage that I have 6 separate images showing step by step instructions of how to use our product with a sentence describing instruction inside image. I took screenshots of the instructions from the products App and uploaded them to webpage because they provide a great visual. I want to make sure I optimize correctly, can I use the same keywords for all the image names?
On-Page Optimization | | artscube.biz0 -
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 -
SEO for Image only posts
Let's say I have a post where I show 25 different wood textures. I start the post with a small paragraph and then I show several images of wood textures linked to an internal or external page. Since I don't use a text link, then I have to rely on alt tags. It would be very difficult to assign a different alt tag to so many similar images, and I guess there would be a risk of keyword stuffing (walnut wood, oak wood, etc). On the other side, if I assign the same tag to all images, then that clearly is keyword stuffing (alt=wood textures). This is just an example, but it applies to most of my posts. What do you think I should do with the alt tags? Thanks!
On-Page Optimization | | enriquef0 -
Images being ranked
I have a client who is concerned about the performance of his images ranking on Google Images. I have taken a look at the obvious things like - alt tags, title tags , file names. I am not sure why he is struggling quite so much to get his images ranked well as the sites he is competing against and who are already ranking are a very poor quality. This is his site - http://www.ukweddingfavours.co.uk Would really appreciate your feedback and I can dish out some good answers.
On-Page Optimization | | onlinemediadirect0 -
Image file name, is it important
If I use the same image all over my site, do I need to change the file name to avoid duplicate? Different alt text will be use on those images
On-Page Optimization | | BigBlaze2050