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
-
Domain Masking SEO Impact
I hope I am explaining this correctly. If I need to provide any clarity please feel free to ask. We currently use a domain mask on an external platform that points back to our site. We are a non-profit and the external site allows users to create peer-to peer fundraisers that benefit our ministry. Currently we get many meta issues related to this site as well as broken links when fundraisers expire etc. We do not have a need to rank for the information from this site. Is there a way to index these pages so that they are not a part of the search engine site crawls as it relates to our site?
Technical SEO | | SamaritansPurse0 -
Alt text and itemprop description
I want to optimise the logo on our site. Our developers have presently got the site logo code like this: 601 character description, no keywords 1. How best to use the alt text and description? 2. Do I concentrate on alt text? Isn't the 601 character description:
Technical SEO | | abisti2
a) too long, and
b) an opportunity to add relevant keywords again, like the alt text?0 -
Soft 404 in Search Console
Search console is showing quite a lot of soft 404 pages on my site, but when I click on the links, the pages are all there. Is there a reason for this? It's a pretty big site - I'm getting 141 soft 404s from about 20,000 pages
Technical SEO | | abisti20 -
Anchor text with punctuation
Hey Moz Does anchor text with punctuation effect anything, does google even read it? I know matching exact anchor text to high volume keywords doesn't matter as much any more - but it still definitely makes a different as our reports show. Thanks
Technical SEO | | wearehappymedia0 -
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 -
If a page isn't linked to or directly sumitted to a search engine can it get indexed?
Hey Guys, I'm curious if there are ways a page can get indexed even if the page isn't linked to or hasn't been submitted to a search engine. To my knowledge the following page on our website is not linked to and we definitely didn't submit it to Google - but it's currently indexed: <cite>takelessons.com/admin.php/adminJobPosition/corp</cite> Anyone have any ideas as to why or how this could have happened? Hopefully I'm missing something obvious 🙂 Thanks, Jon
Technical SEO | | TakeLessons0 -
Default.aspx and domain name difference
I am getting duplicate page content and duplicate page title errors for www.mydomain.com and www.mydomain.com/default.aspx. I thought that they were the same page, so I'm not sure how to avoid getting the duplicate content and title errors. Thanks for your help!
Technical SEO | | DMacy0 -
Internal anchor text
Designed my website with one keyword, one page adage. Wondering if i am creating an issue with internal anchor text and use of plurals for keywords. For instance, say I want my index page to rank for keyword exotic vacations, and an inner page to rank for exotic vacation. I do this as i notice there is a major discrepency with google when calling both the singular and plural term of certain keywords (like the example above, for instance). I see in yahoo it views singular and plural as essentially the same word, but google appears to rank them separately. Anyways since google is where the majority of my search traffic comes from, I separated my most competitive keywords for both singular and plural usage and created external links with anchor text that reflects this separation. I am concerned though that I may not be handling the Internal anchor text properly. What i have done is take a keyword l want to rank for (for example "exotic vacations") and attach it a page (for example index page) and use the anchor text "exotic vacations" on this page and link it to the inner page "exotic vacation." Reason: I want to rank for the term exotic vacations on the main page, but have a relavant page to link to this term so the closest would be the keyword exotic vacation on an inner page. I would appreciate any feedback on this. I think I am running into a problem with this strategy especially on the main index page/inner page keywords (plural to singular). I also notice google will find an inner page for a time then switch it to the default domain name index page when searchign for a keyword. Kinda keeps going back and forth. I never see any indent search results.
Technical SEO | | oxygenretreat0