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
-
What Are other people using in replacement for sliders?
Hello, Moz Community! I am currently trying to replace a slider on our client's site. Sliders, in my opinion, are awful, they slow load times and just don't convey a solid message. I am using Wordpress and the visual composer plugin. Any ideas are really appreciated even they may seem a bit much, if I don't know how to do it I will figure it out. I apologize as well if this isn't the appropriate place for this type of question.
On-Page Optimization | | Striventa0 -
From an SEO perspective, which is preferable in the URL for a non-English site: local language or English?
For example, the article is titled ' गर्मी में त्वचा की देखभाल कुछ यूँ करें' (English Meaning: Skin Care Tips for Summer), which one of these three URLs is best for SEO purpose? 1. example.com/ गर्मी-में-त्वचा-की-देखभाल/ (URL in local language, Hindi in this case) 2. example.com/summer-skin-care-tips/ (URL uses English words with English translation) 3. example.com/garmi-mein-twacha-ki-dekhbhaal/ (Hindi words, but written in Roman English) A response will be much appreciated, Amit
On-Page Optimization | | DusBus0 -
Yoast SEO doesn't recognize images
Hi, I'm currently adding alt tags to my images but the Yoast SEO plug in in Wordpress states on all my pages “No images appear in this page, consider adding some as appropriate.“ while I do have images on my pages. What could be the problem? Best, Rik
On-Page Optimization | | bbuildingbusiness0 -
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 -
Image Tags And Titles
Hi, I am currently revamping my website with a new look. Some questions i have with regards to the images found on a page. I know that we need an alt tag for each image. This should not be keyword spammed. However, what about the title tag for the image? What is the best practice for image title tags? Should it be the same as the alt tag? Should it be different? Should I leave it blank? If I am running a wordpress platform for my website. The defaulted settings for wordpress is that all images inside a post are clickable. When clicked, the page loads from abcdef.com/page/ to abcdef.com/page/image.jpg. This seems to be generating alot of internal links but I don't see the value of loading an image when my visitors click on that. Should I let the image be clickable or remove the link on the image for best SEO practices? Thanks for your advice. paul
On-Page Optimization | | paulgian1 -
Google images hits distorting my results. What to do.
Hit from google images seem to be distroting my results. I sell airport taxis so want rid of any hots that came through google images as there no buying intent Aanlytics shows (when i click in) Traffic Sources > Search Engine Optimisation > Quires 250 clicks All of which came from quires related to generic taxi terms which I do (unfortunately) rank for in search. I imagine these generated because I have a taxi cab image in page one of google images. So when people search for a picture of a taxi they click mine. However in SEO MOZ the traffic data tab shows: google = 219 clicks images.google = 3 clicks This should be the other way round shouldn't it?
On-Page Optimization | | smashseo0 -
Image URL's have knocked my sub-pages down (WP)
I had most of my keywords within the top 10 for this site, some were even ranking in the top 5. For a possible minor boost, more-so to cover all the bases, I decided to add images to all of the pages, and they were uploaded as a gallery with most of the image file names being the same as the keyword. Thus, url's were created with our targeted phrases, extending off of the corresponding sub-page. After that, Google quickly picked up the url's to the images and began indexing them, when that occurred the sub-page which was to be the landing page, quickly tanked. Nothing else on-site changed besides the uploading of the images, so I'm sure they're conflicting and for whatever reason Google can't decide which page to index. The page that contains the images used, or the actual intended landing page. With WP I didn't see a way to not have them link to anything at all, and just be static when using a gallery, stock at least. So, my question is how can I quickly alleviate this problem and what should I do in the future to avoid this? I believe if I change link thumbnails to image file instead of attachment page, that should fix the issue... Then, I'll have dead URL's which I suppose I should 301 to the sub-page. Alternatively, is there a better solution that will work, I was also thinking about no-indexing the attachment URL's, but that doesn't seem to be an option.
On-Page Optimization | | JayAdams320 -
Nowadays is it fundamental renaming images for SEO?
Its it fundamental nowadays renaming images for SEO? Many photos are on top positions without being renamed like: mykeyword.jpg but can be 9876986.jpg instead. Doesn't itcount much more the contest in which they are such as text around photos, descriptions and context from internal and external linking pages? Renaming everyphoto, in every gallery can be considered over optimization? Is there any study showing the impact the single factor of renaming a photo in a page? Thanks
On-Page Optimization | | holidaysempire0