Do search engines treat masked text differently than solid color fonts?
-
In my attempt to decrease page load times, I ditched my custom fonts for google fonts. I figured out how to apply CSS mask-image to make this blazing fast loading google font have a chalk texture, which was an awesome improvement over the 3-5 second load times for those locally hosted web fonts.
I've read that Google penalize a site for poor contrast ratios between the background and text, but do search engines go by CSS or do they somehow compare the actual rendered site as an image? Using CSS mask-image to give my text that chalk appearance does produce minor transparent patches in text.
So have I saved 3 seconds on page load just to have search engines knock points off for funky text issues? All input welcome. The temporary site is here. https://website-1b14f.firebaseapp.com/
Kevin
-
Great job optimizing your page load times by switching to Google Fonts and applying a chalk texture using CSS mask-image! Regarding contrast ratios, search engines like Google analyze the rendered site as an image, not just the CSS. So, even with CSS mask-image, the actual rendered text contrast is what matters. To ensure good contrast, visit DaFont, select a font, check its size, and use a clear and readable font in a suitable size (at least 14px) on your site to maintain a good user experience and avoid any potential SEO issues
-
Yes, search engines generally treat masked text differently than solid color fonts. Masked text, which refers to text that is hidden or obscured in some way on a webpage (such as using the same color as the background), is often seen as an attempt to manipulate search engine rankings and can result in penalties if detected.
Search engines like Google aim to provide users with relevant and valuable content. Masked text can be used in black hat SEO techniques to stuff keywords or hide spammy content from users while trying to manipulate search engine rankings. As a result, search engines are vigilant about detecting and penalizing such practices.
In contrast, solid color fonts, which are visible and legible to users, are considered legitimate and are not penalized by search engines. It's important to use solid color fonts for your content to ensure that it is properly indexed and ranked based on its actual value and relevance to users.
-
Hi thanks for helpful information use this font your text more attractive and beautiful use in comments , post, text etc this font is more help and share your thoughts in beautiful texts this times new roman font generator is very helpful.
-
Hi Christy,
Site launched! The e-commerce part is still under development but the basic site has been up a couple months. Masked text doing great! No issues whatsoever on the SEO side. Ranking super high still and load speeds are good. Service workers will be activated in the coming weeks as we build out our food delivery platform. So, I'll mark my question as answered. https://www.88k.com.tw
-
Site not launched yet but no warnings on any SEO tools. You can run this site through any tests you want and see. https://website-1b14f.firebaseapp.com/
Schema all good and AMP valid. Content coming up next... FYI this is not a public site and content will change as we test new designs and functionality.
-
Hi Kevin,
Have you launched yet? We'd love an update on this!
Christy
-
Thank for your thoughts. You're right that I can't find a single article on this anywhere, but I've never been conservative when I comes to SEO. I'm always looking to see what's possible. I concluded that since unsupported browsers will simply display the original text without the mask-image (Firefox/Opera), I'm going to assume google search bots won't care about the image mask either.
On the SEO side, this method shaves 3 to 5 seconds off load times, so that can't be bad. The effects are amazing, even on Chinese fonts. I'll report back after launch and post here.
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
-
Search Operator Link: How accurate is the data?
How often do you guys use the search operator "link:"? How accurate is the data? Why the numbers of links when we use the parameter is way lower than the number on Google webmaster Tool or open site explorer? It only show the most powerful links?
Technical SEO | | Felip30 -
Search result pages - noindex but auto follow?
Hi guys, I don't index my search pages, and currently my pages are tagged name="robots" content="noindex"> Do I need to specify follow or will it automatically be done? Thanks Cyto
Technical SEO | | Bio-RadAbs0 -
Rank tracker and Rankings report differs
Hi all Is this normal? I have set up a campaign for a site. Tracking a variety of keywords. For one of them, which is a quite important keyword I've been working on I've moved down one step in my rankings report. This is first of all weird because my on page optimization went from grade c to a, and even weirder beacuse if I run Rank Tracker tool on the keyword and the URL I see that I've moved up 6 steps, to 15 in Google. Kinda makes it hard to grasp if I'm on the right path or not! (I've checked and they are both results on google.dk, same URL and same keyword - exact)
Technical SEO | | Budskab0 -
Does Server Location have anything to do with Search Results
Good Morning Everyone... Does having a site hosted in Europe have any effect on Search Engine results in the US? Thanks
Technical SEO | | Prime850 -
How should I structure a site with multiple addresses to optimize for local search??
Here's the setup: We have a website, www.laptopmd.com, and we're ranking quite well in our geographic target area. The site is chock-full of local keywords, has the address properly marked up, html5 and schema.org compliant, near the top of the page, etc. It's all working quite well, but we're looking to expand to two more locations, and we're terrified that adding more addresses and playing with our current set-up will wreak havoc with our local search results, which we quite frankly currently rock. My question is 1)when it comes time to doing sub-pages for the new locations, should we strip the location information from the main site and put up local pages for each location in subfolders? 1a) should we use subdomains instead of subfolders to keep Google from becoming confused? Should we consider simply starting identically branded pages for the individual locations and hope that exact-match location-based urls will make up for the hit for duplicate content and will overcome the difficulty of building a brand from multiple pages? I've tried to look for examples of businesses that have tried to do what we're doing, but all the advice has been about organic search, which i already have the answer to. I haven't been able to really find a good example of a small business with multiple locations AND good rankings for each location. Should this serve as a warning to me?
Technical SEO | | LMDNYC0 -
Domain that ranked 4 has now disappeared from search results
Hi Guys, I have a website for a realestate property, it use to rank 4 but has now suddenly disappeared from search results altogether, a search for the domain 1boydstreetalbertpark.com will bring it up (so I assume it has not been blacklisted), but if I search for '1 boyd street albert park' (it use to come up at 4) it doesn't seem to come up at all anymore. I know the content is not original and it is the same on other sites (it is the same content the real estate agents send to everyone) but why it suddenly disappear and I would of thought having the actual search term in the domain would help it at least appear in the results. Any Idea?
Technical SEO | | mypropertyaddress0 -
Site wide search v catalogue search
I have a client building a new web site who has agreed that a site search function is a good thing in order to get a view on how customers are using the site, the search terms they are using as a source of keywords etc. The problem is the developer has implemented a catalogue/product search which only queries the products in the database. On the one hand this is fine in that the search is directing users to products and not to other areas of the site. But the customer is disappointed that the search is not site wide. Are there any solutions where third party search utility could be implemented whithin the site which will search both? The ecommerce platform is Magento. Any views would be very helpful!
Technical SEO | | k3nn3dy30 -
Does Google follow a text based URL with no anchor tags?
I am seeing with Webmaster Tools that Google is trying to follow the text based truncated URL from SuperPages despite the fact that they are not in an anchor tag. The net result for Google is a 404 error as they try to access pages that do not exist. has anyone seen this issue before and any suggestions on how to prevent these errors? A Superpage listing: The first link works fine, but the text based link shown below is cut off and as a result Google gets to a 404 page. http://swbd-out.superpages.com/webresults.htm?qkw=dr+hylton+lightman&qcat=web&y=0&x=0& Dr. Hylton Lightman, MD - Pediatrician, Allergist, - Far Rockaway ... Dr. Hylton Lightman, MD, Far Rockaway, NY, Rated 4/4 By Patients. 26 Reviews, Patients' Choice Award Winner, Phone Number & Practice Locations www.vitals.com/doctors/Dr_Hylton_Lightma... [Found on Bing]
Technical SEO | | irvingw0