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
-
Hide sitelinks from Google search results
Does anyone have any recommendations on how you can tell Google (hopefully via a URL) not to index that page of a website? I have tried through SEO Yoast to hide certain sitemaps (which has worked to a degree) but certain functionalities of Wordpress websites show links without them actually being part of a "sitemap" so those links are harder to hide. I'm having an issue with one of my websites - the sitelinks that Google is suggesting are nowhere near the most popular pages and I know that you can't make recommendations through Google not to show certain pages through Search Console. anymore. Any suggestions are greatly appreciated! Thanks!
Technical SEO | | MainstreamMktg0 -
Sitelink search in google search for Brand name redirect me to 404, how?
Hi All, When I search my brand name in google and in google search result my site appears with sitelink and in site link there is option of search when I search any keyword in that search then that search redirect me to 404 page of my site. I found I have implemented wrong schema at category page for search action and then I fixed the bug but 5 days passed away still google showing 404 of my search action. I have not implemented schema for search action at homepage. Now please let me know what is the issue?
Technical SEO | | amu1230 -
Image Search
Hello Community, I have been reading and researching about image search and trying to find patterns within the results but unfortunately I could not get to a conclusion on 2 matters. Hopefully this community would have the answers I am searching for. 1) Watermarked Images (To remove or not to remove watermark from photos) I see a lot of confusion on this subject and am pretty much confused myself. Although it might be true that watermarked photos do not cause a punishment, it sure does not seem to help. At least in my industry and on a bunch of different random queries I have made, watermarked images are hard to come by on Google's images results. Usually the first results do not have any watermarks. I have read online that Google takes into account user behavior and most users prefer images with no watermark. But again, it is something "I have read online" so I don't have any proof. I would love to have further clarification and, if possible, a definite guide on how to improve my image results. 2) Multiple nested folders (Folder depth) Due to speed concerns our tech guys are using 1 image per folder and created a convoluted folder structure where the photos are actually 9 levels deep. Most of our competition and many small Wordpress blogs outrank us on Google images and on ALL INSTANCES I have checked, their photos are 3, 4 or 5 levels deep. Never inside 9 nested folders.
Technical SEO | | Koki.Mourao
So... A) Should I consider removing the watermark - which is not that intrusive but is visible?
B) Should I try to simplify the folder structure for my photos? Thank you0 -
Domain Name appear as title no description in search result
Hello Everyone, I have an site suppose tatadocomo.com( imaginary name to just explain my query) .Two weeksa back everything was fine but now if i search any query that site ranks in SERPs I got domain name as title and url (homepage) beneath of title and after that 'click here to proceed'. .Tata Docomo tatadocomo.com Click here to Proceed Why I am seeing this result in SERPs? I checked robots.txt , everything is fine there. Please help me out. Thanks
Technical SEO | | Alick3000 -
Why is a site search query being returned in SE results
Hello One of my top targeted keywords is now linking to the results page of an internal site search query (the search query is for my site url). Oddly, this page does not contain the targeted keywords. My site url used to be the highest ranking page for my targeted keywords. Can anybody advise why this is happening and how I can change it? Thanks Nick
Technical SEO | | PP_user0 -
How to search HTML source for an entire website
Is there a way for me to do a "view source" for an entire website without having to right-click every page and select "view source" for each of them?
Technical SEO | | SmartWebPros0 -
Warnings on Pages excluded from Search Engines
I am new to this, so my question may seem a little rookie type... When looking at my crawl diagnostic errors there are 1604 warnings for "302 redirects". Of those 1604 warnings 1500 of them are for the same page with different product ID's on them such as: www.soccerstop.com/EMailproduct.aspx?productid=999
Technical SEO | | SoccerStop
www.soccerstop.com/EMailproduct.aspx?productid=998 In our robots.txt file we have Disallow: /emailproduct.aspx Wouldn't that take care of this problem? If so, why is it still giving me these warning errors? It does take into account our robots.txt file when generating this report does it not? Thanks for any help you can provide.
James0