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
-
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
-
Decline in traffic and duplicate content in different domains
Hi, 6 months ago my customer purchased their US supplier and moved the supplier's website to their e-commerce platform. When moving to the new platform they copied the descriptions of the products from their site to the supplier's site so now both sites have the same content in the product pages. Since then they have experienced decrease in traffic in about 80%. They didn't implement canonical tag or hreflang. My customer's domain format is https://www.xxx.biz and the supplier's domain is https://www.zzz.com The last one is targeting the US and when someone from outside of the US wants to purchase a product they get a message that they need to move to the first website, the www.xxx.biz. Both sites are in English. The old site version of www.zzz.com, before the shit to the new platform, contained different product descriptions, and BTW, the old website version is still live and indexed under a subdomain of www.zzz.com. My question is what's the best thing to do in this case so that the rankings will be back to higher positions and they'll get back their traffic. Thanks!
Technical SEO | | digital19740 -
Removing site subdomains from Google search
Hi everyone, I hope you are having a good week? My website has several subdomains that I had shut down some time back and pages on these subdomains are still appearing in the Google search result pages. I want all the URLs from these subdomains to stop appearing in the Google search result pages and I was hoping to see if anyone can help me with this. The subdomains are no longer under my control as I don't have web hosting for these sites (so these subdomain sites just show a default hosting server page). Because of this, I cannot verify these in search console and submit a url/site removal request to Google. In total, there are about 70 pages from these subdomains showing up in Google at the moment and I'm concerned in case these pages have any negative impacts on my SEO. Thanks for taking the time to read my post.
Technical SEO | | QuantumWeb620 -
Sitel inks suddenly vanished in google search
Hello, My site is designzzz.com if you will search in google the term : designzzz it use to return sitelinks below , but now it isn't, what could be the reason ? cheers
Technical SEO | | wickedsunny10 -
What can i do to move my site up the search engines
Hi. my site www.in2town.co.uk is currently number five in google for the search word lifestyle magazine, sometimes it moves to four but for over a year it has not got past four. before we had to do the site from scratch due to a major problem upgrading, we were number one in the search engines and our traffic was around 30% higher than it is now. For the keyword lifestyle news, we are on the fifth page of google and would really like to improve this. I would like to know what i need to do on our home page to try and improve our rankings for these two words. the most important word for us is lifestyle news. any help in my goal to improve our rankings would be great. We have improved our design which we are still working on, and we have upgraded to a bigger dedicated server to improve the speed.
Technical SEO | | ClaireH-1848860 -
What I doing wrong when trying to search for links from external websites to my website
This is just the little frustrating question nothing important but I’m sure somebody will know the answer. In the white board Friday this week Rand suggested at one point that when you’re searching for results links to your website if you put a - followed by site followed by your url like –site:yourwebsite.com you get the results of pages with links on other websites but excluding your own webpages but it just doesn’t work I get no results just an error message, any idea why? If I remove the - I get tons of results but there on my own webpages……….
Technical SEO | | whitbycottages0 -
Wordpress "incoming search terms" plugin
Hello everyone! newbie to SEO and have been trying to keep everything nice and ethical but I've seen on a couple of blogs today "incoming search terms" at the bottom of the blogs, then a bullet pointed list of search terms beneath it. So I had a quick search about the use of it and noticed wordpress has a plugin that automatic ally generates these "incoming search terms". I ask is this a legitimate plugin or will this harm my blog? I assume it generally will as I can't see this being much use for the audience, rather it would be 100% for trying to lure in search engines.
Technical SEO | | acecream0 -
Differing numbers of pages indexed with and without the trailing slash
I noticed today that a site: query in Google (UK) for a certain domain I'm looking at returns different numbers depending on whether or not the trailing slash is added at the end. With the trailing slash the numbers are significantly different. This is a domain with a few duplicate content issues. It seems very rare but I've managed to replicate it for a couple of other well known domains, so this is the phenomenon I'm referring to: site:travelsupermarket.com - 16'300 results
Technical SEO | | ianmcintosh
site:travelsupermarket.com/ - 45'500 results site:guardian.co.uk - 120'000'000 results
site:guardian.co.uk/ - 121'000'000 results For the particular domain I'm looking at the numbers are 19'000 without the trailing slash and 800'000 with it! As mentioned, there are a few duplicate content issues at the moment that I'm trying to tidy up, but how should I interpret this? Has anyone seen this before and can advise what it could indicate? Thanks in advance for any answers.0 -
How to alter the search result to this?
When searching for "kredittkort" on Norwegian Google I get a search results that looks like this. I want to replicate this, but I'm not sure what information they've provided and how they've done it. It's seems like their both listing products AND have sitelinks connected to a subsite. How is this possible? The sitelinks aren't even subpages of the ranked site. How have they managed this? Also, is the product previews they have?
Technical SEO | | Inevo0