{"id":846,"date":"2021-05-24T13:59:09","date_gmt":"2021-05-24T13:59:09","guid":{"rendered":"https:\/\/www.beingdigitalz.com\/blog\/?p=846"},"modified":"2024-02-01T16:35:53","modified_gmt":"2024-02-01T11:05:53","slug":"how-to-fix-text-too-small-to-read-error","status":"publish","type":"post","link":"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/","title":{"rendered":"How to Fix \u2018Text Too Small to Read\u2019 Error?"},"content":{"rendered":"
When you log in to your Google Search Console account, you might see some errors listed under the Mobile Usability section. One such common error is \u201ctext too small to read\u201d.<\/p>\n
Some days ago, when I logged in to my search console account, I too found the same error.<\/p>\n
I was able to successfully fix the \u201ctext too small to read\u201d issue and now all the pages on my site are mobile-friendly.<\/p>\n
I will share with you the exact steps to solve this mobile usability error.<\/p>\n
What is the \u201cText Too Small to Read\u201d Error?<\/strong><\/span><\/h2>\n
Text too small to read is a mobile usability error. It is displayed under the Enhancements tab in the Google Search Console.<\/p>\n
This error is found by the Google Smartphone crawler.<\/p>\n
The \u201ctext too small to read\u201d error suggests that the font size of the page is too small for mobile browsing.<\/p>\n
When people visit your website using mobile devices, they have to \u201cpinch to zoom\u201d to view the contents of your site.<\/p>\n
Google hates sites that do not offer a good user experience.<\/p>\n
Hence, you should fix this issue to make your site mobile-friendly.<\/p>\n
Steps To Fix \u201cText Too Small to Read\u201d Error<\/span><\/h2>\n
Follow the below steps to fix \u201ctext too small to read\u201d error:<\/p>\n
Step 1: Identify The Pages Causing The Error<\/strong><\/span><\/h3>\n
Log in to Search Console and identify the example page that is causing the error.<\/p>\n
Click on \u2018Mobile Usability\u2019 -> \u2018Text too small to read \n-> Examples<\/p>\n<\/figure>\n
This will show you an example page that is causing mobile usability error. I am showing you the page below but since I have already fixed the error so I don\u2019t have any examples pages to show. You can see the example pages listed in this section.<\/p>\n
Step 2: Add The Viewport Meta Tag<\/strong><\/span><\/h3>\n
Open the example page and view the source code by right-clicking on \u2018view source\u2019.<\/p>\n
I will check this on one of my pages that has previously been affected by this error.<\/p>\n
Check, if the below code is present in the <head section> by pressing CTRL+F and finding \u201cviewport\u201d.<\/p>\n
Add the code in the <head> section of your site, if it is not present.<\/p>\n
Adding the above code will enable your site to match the mobile device width of the user. Hence, your page will automatically match the width of different screen sizes. This will fix the \u201ctext too small to read\u201d error.<\/p>\n
Step 3: Add The Max-Width Attribute in Every Image<\/strong><\/span><\/h3>\n
Now, look for images on your webpage. To do this, right-click on the image and click on Inspect.<\/p>\n<\/figure>\n
You will see the width of the image. If the width is not set to 100, you need to set it to 100. Just add the below code in your CSS stylesheet:<\/p>\n
In the above code, there are separate image height and width attributes. Doing so will help browsers reserve space for the image when it is loading.<\/p>\n
Hence, you need to set the image width in the CSS stylesheet to 100 but don\u2019t make any changes individually on the image height and width.<\/p>\n
Step 4: Set the Font Size to 22px<\/strong><\/span><\/h3>\n
Select any word on your site. Right-click and go to Inspect. You will see the font size. The font size should be around 22px at least.<\/p>\n<\/figure>\n
If you find the font size to be smaller. You can increase the font size by editing your template. Take the help of a web designer to make things easier.<\/p>\n
Step 5: Check Your Website Layout<\/strong><\/span><\/h3>\n
Now, check if your website layout is responsive. If your website design is not responsive then your site might return the \u201ctext too small to read\u201d error.<\/p>\n
An easier way to check this is to open the example website in your mobile browser. If you notice any scroll bars to view the full content then your site is not fully responsive.<\/p>\n
Take the help of your designer because making changes to the layout is not easier for everyone.<\/p>\n
Responsive layouts have a fixed percentage for the container widths.<\/p>\n
Hence, your site does not display a scroll bar for viewing the contents. This enhances the UX.<\/p>\n
Step 6: Validate Fix<\/strong><\/span><\/h3>\n
Once you make all the changes, click on Validate Fix in Search Console.<\/p>\n
Now, Google will start the validation process to see if the \u201ctext too small to read\u201d issue is fixed on your site. If no errors are detected, the validation will be declared as passed.<\/p>\n
\u201cText too small to read\u201d error can degrade the user experience. Google loves sites that offer good UX. Hence, you should continue to look into your Search Console to locate such issues. Errors like this should be fixed at the earliest. It will help your site to continue to rank higher in the organic search results.<\/p>\n","protected":false},"excerpt":{"rendered":"
When you log in to your Google Search Console account, you might see some errors listed under the Mobile Usability section. One such common error is \u201ctext too small to read\u201d. Some days ago, when I logged in to my search console account, I too found the same error. I was able to successfully fix […]<\/p>\n","protected":false},"author":1,"featured_media":850,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10],"tags":[],"yoast_head":"\n
Fix 'Mobile Readability Error' On Web Page - Being Digitalz<\/title>\n<meta name=\"description\" content=\"When you launch a website be sure to cross check it and if you find error stating 'text too small to read' there's a problem, read our blog to know how to solve this error\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fix 'Mobile Readability Error' On Web Page - Being Digitalz\" \/>\n<meta property=\"og:description\" content=\"When you launch a website be sure to cross check it and if you find error stating 'text too small to read' there's a problem, read our blog to know how to solve this error\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/\" \/>\n<meta property=\"og:site_name\" content=\"Being Digitalz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-24T13:59:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-01T11:05:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.beingdigitalz.com\/blog\/wp-content\/uploads\/2021\/05\/Text-Too-Small-to-Read.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Being Digitalz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Being Digitalz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fix 'Mobile Readability Error' On Web Page - Being Digitalz","description":"When you launch a website be sure to cross check it and if you find error stating 'text too small to read' there's a problem, read our blog to know how to solve this error","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/","og_locale":"en_US","og_type":"article","og_title":"Fix 'Mobile Readability Error' On Web Page - Being Digitalz","og_description":"When you launch a website be sure to cross check it and if you find error stating 'text too small to read' there's a problem, read our blog to know how to solve this error","og_url":"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/","og_site_name":"Being Digitalz Blog","article_published_time":"2021-05-24T13:59:09+00:00","article_modified_time":"2024-02-01T11:05:53+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/www.beingdigitalz.com\/blog\/wp-content\/uploads\/2021\/05\/Text-Too-Small-to-Read.jpg","type":"image\/jpeg"}],"author":"Being Digitalz","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Being Digitalz","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/#article","isPartOf":{"@id":"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/"},"author":{"name":"Being Digitalz","@id":"https:\/\/www.beingdigitalz.com\/blog\/#\/schema\/person\/8f28bc6ebc390295e202945a7a96d21d"},"headline":"How to Fix \u2018Text Too Small to Read\u2019 Error?","datePublished":"2021-05-24T13:59:09+00:00","dateModified":"2024-02-01T11:05:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/"},"wordCount":950,"commentCount":0,"publisher":{"@id":"https:\/\/www.beingdigitalz.com\/blog\/#organization"},"articleSection":["Website Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/","url":"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/","name":"Fix 'Mobile Readability Error' On Web Page - Being Digitalz","isPartOf":{"@id":"https:\/\/www.beingdigitalz.com\/blog\/#website"},"datePublished":"2021-05-24T13:59:09+00:00","dateModified":"2024-02-01T11:05:53+00:00","description":"When you launch a website be sure to cross check it and if you find error stating 'text too small to read' there's a problem, read our blog to know how to solve this error","breadcrumb":{"@id":"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.beingdigitalz.com\/blog\/how-to-fix-text-too-small-to-read-error\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.beingdigitalz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Fix \u2018Text Too Small to Read\u2019 Error?"}]},{"@type":"WebSite","@id":"https:\/\/www.beingdigitalz.com\/blog\/#website","url":"https:\/\/www.beingdigitalz.com\/blog\/","name":"Being Digitalz Blog","description":"Latest Marketing News, Updates and Information","publisher":{"@id":"https:\/\/www.beingdigitalz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.beingdigitalz.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.beingdigitalz.com\/blog\/#organization","name":"Being Digitalz Blog","url":"https:\/\/www.beingdigitalz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.beingdigitalz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.beingdigitalz.com\/blog\/wp-content\/uploads\/2019\/11\/being-digitalz-logo.png","contentUrl":"https:\/\/www.beingdigitalz.com\/blog\/wp-content\/uploads\/2019\/11\/being-digitalz-logo.png","width":300,"height":58,"caption":"Being Digitalz Blog"},"image":{"@id":"https:\/\/www.beingdigitalz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.beingdigitalz.com\/blog\/#\/schema\/person\/8f28bc6ebc390295e202945a7a96d21d","name":"Being Digitalz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.beingdigitalz.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6bb7fe196c0518dc6ab4de875978840f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6bb7fe196c0518dc6ab4de875978840f?s=96&d=mm&r=g","caption":"Being Digitalz"},"url":"https:\/\/www.beingdigitalz.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.beingdigitalz.com\/blog\/wp-json\/wp\/v2\/posts\/846"}],"collection":[{"href":"https:\/\/www.beingdigitalz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beingdigitalz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.beingdigitalz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beingdigitalz.com\/blog\/wp-json\/wp\/v2\/comments?post=846"}],"version-history":[{"count":6,"href":"https:\/\/www.beingdigitalz.com\/blog\/wp-json\/wp\/v2\/posts\/846\/revisions"}],"predecessor-version":[{"id":1594,"href":"https:\/\/www.beingdigitalz.com\/blog\/wp-json\/wp\/v2\/posts\/846\/revisions\/1594"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beingdigitalz.com\/blog\/wp-json\/wp\/v2\/media\/850"}],"wp:attachment":[{"href":"https:\/\/www.beingdigitalz.com\/blog\/wp-json\/wp\/v2\/media?parent=846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beingdigitalz.com\/blog\/wp-json\/wp\/v2\/categories?post=846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beingdigitalz.com\/blog\/wp-json\/wp\/v2\/tags?post=846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/seosandwitch.com\/wp-content\/uploads\/2020\/07\/text-too-small-to-read-error.jpg\")
<\/figure>\n![\"image](\"https:\/\/seosandwitch.com\/wp-content\/uploads\/2020\/07\/image-width.jpg\")
<\/figure>\n![\"font](\"https:\/\/seosandwitch.com\/wp-content\/uploads\/2020\/07\/font-size.jpg\")
<\/figure>\n