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!
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
-
Logo Image H1 Tag SquareSpace
We have a site hosted on SquareSpace: Roomhance.com Going through the on-page optimizaton tool, we noticed that the H1 tags weren't fully optimized. If you click on view source on the page, it shows 2 H1 tags on the home page: id="logoImage"><a <span="" class="html-attribute-name">href</a><a <span="" class="html-attribute-name">="</a>/">src="//static1.squarespace.com/static/5bcca055ab1a62465f5b9ee7/t/5c18feb270a6adf771765799/1588613682225/?format=1500w" alt="Virtual Staging For Real Estate | Roomhance" /> style="text-align:center;white-space:pre-wrap;">Virtual Staging The 2nd one shown above it the H1 tag we want. I'm wondering if the H1 tag in the logo image is hurting us for SEO? Can't figure out how to modify it in SquareSpace.
On-Page Optimization | | vikasnwu0 -
How to replace the keywords of our Google Site https://www.opcfitness.com/ 's TITLE
How to replace the keywords of our Google Site https://www.opcfitness.com/ 's TITLE Our new google site https://www.opcfitness.com/ page https://www.opcfitness.com/commercial-fitness title: Gym Equipment for Sale - Buy Commercial Fitness The site name is Gym Equipment for Sale. But we need the title like this Buy Commercial Fitness - Gym Equipment for Sale How to fix it?
On-Page Optimization | | ahislop5740 -
How to get a mobile thumbnail image next to the search result?
Hey! I noticed the last few months that a lot of google searches now show an image next to your result when on mobile. i managed to get my listing to show an image before but I made some changes to the image and site and can’t seem to get Google to ahow the new image (or any image). I’ve added the image to schema mark up and still no luck. Wouod ahyone have any advice on how to get the image picked up, or st least help increase the odds? The site is https://tourstoniagarafalls.com and you can see it on search (for me it shows on the bottom of page 1) for the keyword “Niagara Falls tours“. Thanks again!
On-Page Optimization | | Originaladam0 -
How many hyphens are allowed in page titles or image names?
When I was going through certification, I was told it should be limited to one or two. I was curious if there is a change.
On-Page Optimization | | SeobyKP0 -
Can't get my preferred URL, how much does it matter?
Hi guys. I'm building a new site at the moment - seen a solid SEO opportunity for my work. I'm a producer engineer, specialising in mixing and mastering, so i'm creating a site for online mixing services. After a bit of keyword research I decided that "online mixing" was the best, most relevant and high volume term to go for. Ideally i'd like my home page to be www.onlinemixing.com (or something similar) but alas! It's been taken, as well as all the variations (like switching words, hypens etc) How much does this matter form an SEO point of view? E.g - For the search term "online mixing" would - www.onlinemixing-signalchain.co.uk be much worse than -www.onlinemixing.co.uk? Or am I sweating the small stuff? Any thoughts would be greatly appreciated. Isaac.
On-Page Optimization | | isaac6630 -
Is alt text on images treated like text on a page?
I'm curious if the alt tags on the images on my website are treated just like text. Thoughts?
On-Page Optimization | | dan.backowski1 -
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 -
Change Homepage internal Link from Image to Targeted Anchor Text -- Spam??
I am in the following situation: 1. Homepage is designed to target one main keyword. 2. All current pages link to the homepage with the image/logo, nowhere on the site do we link to the homepage with the target keyword. 3. It is an established page (Moz rank of 58) If I suddenly added text above and made the homepage link targeted anchor text, would Google consider this spam? We are ranked #13 in Google and our looking for ways to move up, but I do not want to risk any type of Google penalty.
On-Page Optimization | | MattAaron0