رفع خطای text too small to read در google search console
شاید شما هم هنگامی که به حساب گوگل سرچ کنسول خود وارد می‌شوید، برخی از خطاها را در بخش Mobile usability مشاهده می‌کنید. یکی از این خطاهای رایج text too small to read یا “متن برای خواندن خیلی کوچک است” می‌باشد. به همین دلیل تصمیم گرفتیم تا در رفع خطای text too small to read در google search console کمکتان کنیم. پس تا انتهای این مقاله همراه ما باشید.
شما می‌توانید بعد از اتمام این مطالب، مقاله‌ی آشنایی با خطاهای Mobile Usability و رفع آن ها را مطالعه نمایید.
خطای text too small to read چیست؟
از آنجایی که گوگل می‌خواهد یک تجربه کاربری خوب ارائه دهد، انتظار دارد اکثر کاربران، وب سایت شما را با استفاده از موبایل یا دستگاه مشابه، به درستی مشاهده کنند. همانطور که گفتیم؛ خطای text too small to read، یک خطای mobile usability است که در قسمت Enhancements در Google Search Console نمایش داده می‌شود. این خطا توسط خزنده google Smartphone پیدا می‌شود. خطای text too small to read در google search console نشان می‌دهد که اندازه فونت متن در صفحات برای موبایل بسیار کوچک است. وقتی افراد با استفاده از موبایل از وبسایت شما بازدید می‌کنند، برای مشاهده محتویات سایت شما باید اصطلاحا روی صفحه زوم کنند.
گوگل از سایت‌هایی که تجربه کاربری خوبی ارائه نمی‌دهند، متنفر است. بنابراین، شما باید این مشکل را برطرف کنید تا سایت خود را mobile-friendly کنید. بنابراین این خطا نشان می‌دهد که خزنده google Smartphone تشخیص داده است که صفحه شما دارای خطای mobile usability از نوع text too small to read است.
رفع ارور Text Too Small to Read :
-
شناسایی صفحات عامل خطا
وارد Search Console شوید و صفحه‌ای که باعث خطا شده است را شناسایی کنید. برای مشاهده صفحات ایراد دار باید از زیر تب Enhancements روی گزینه Mobile Usability بزنید و سپس روی گزینه Text too small to read کلیک کنید. در صفحه جدید تعداد صفحاتی که شامل این خطا و ایراد می‌شوند را نمایش می‌دهد. برای اینکه لیست صفحات را مشاهده نمایید به انتهای صفحه و بخش Examples یا نمونه‌ها (صفحات ایراد دار) مراجعه نمایید. در این بخش شما می‌توانید تمام صفحاتی که دارای این خطا هستند، را مشاهده نمایید. برای کسب اطلاعات بیشتر در مورد سرچ کنسول، مقاله‌ی معرفی کامل گوگل سرچ کنسول را مطالعه نمایید.
-
از داشتن نمای متا تگ در عنوان صفحه اطمینان حاصل کنید.
Viewport ناحیه قابل مشاهده کاربران از صفحه وب است و با دستگاهی که برای مشاهده وب سایت شما استفاده می‌شود، متفاوت است. صفحه نمایش کامپیوتر بیشترین ناحیه دید را ارائه می‌دهد، در حالی که یک موبایل کم‌ترین ناحیه دید را دارد. با فشردن CTRL+F و پیدا کردن “viewport” بررسی کنید که آیا کد زیر در <head section> وجود دارد یا خیر. اگر کد موجود نیست در قسمت <head> سایت خود اضافه کنید:
<meta name="viewport" content="width=device-width, initial-scale=1">
افزودن کد بالا به سایت شما این امکان را می‌دهد تا با عرض موبایل کاربر مطابقت داشته باشد. از این رو، صفحه شما به طور خودکار با عرض اندازه‌های مختلف صفحه مطابقت خواهد داشت. با این کار خطای “text too small to read” برطرف می‌شود.
شما می‌توانید بعد از اتمام این مطالب، مقاله‌ی 5 روش برای رفع خطای Content Wider Than Screen که از خطاهای Mobile Usability می‌باشد، را نیز مطالعه کنید.
-
افزودن Max-Width Attribute در هر تصویر
اکنون به دنبال تصاویر در صفحه وب خود بگردید. برای این کار روی تصویر کلیک راست کرده و بر روی Inspect کلیک کنید.
image width 100% example
در واقع عرض تصویر را خواهید دید. اگر عرض روی 100% تنظیم نشده است، باید آن را روی 100% تنظیم کنید. برای انجام این کار باید کد زیر را در stylesheet CSS خود اضافه کنید:
img {
max-width: 100%;
display: block;
}
شما با افزودن کد مطمئن می‌شوید که تصویر بزرگ‌تر از اندازه صفحه نمایش نیست. با این حال، شما نباید ویژگی‌های عرض و ارتفاع هر تصویر خود را تغییر دهید. هر تصویر در صفحه باید مجموعه‌ای از ویژگی‌های عرض و ارتفاع خاص خود را داشته باشد. در اینجا یک کد مثال برای کمک به درک بهتر مفهوم آورده شده است:
<a href=”https://macanads.com/wp-content/uploads/2023/01/image-width.jpg” imageanchor=”1″ style=”margin-left: auto; margin-right: auto;” target=”_blank” rel=”nofollow external noopener noreferrer” data-wpel-link=”external”><img border=”0″ height=”256″ src=”https://macanads.com/wp-content/uploads/2023/01/image-width.jpg” width=”320″ /></a></td>
-
بررسی اندازه فونت و تنظیم آن روی 14px
به طور کلی، قاعده کلی این است که اندازه فونت برای وب سایت‌های موبایل باید 14 پیکسل باشد. هر چیزی کوچک‌تر از آن می‌تواند خوانایی را برای خوانندگان کم‌بینا به خطر بیندازد. روی متن کلیک راست کنید و گزینه Inspect را بزنید، اندازه فونت متن خود را بررسی کنید. اگر متوجه شدید که اندازه متن کوچک‌تر از اندازه 14 پیکسل است، آن را به حداقل 14 پیکسل تغییر دهید تا گوگل از خطای text too small to read چشم پوشی نماید.
یا می‌توانید کلمه‌ای را در سایت خود انتخاب کنید. راست کلیک کنید و به Inspect بروید؛ اندازه فونت را خواهید دید. اندازه فونت باید حداقل 14 پیکسل باشد.
font size 14px example
اگر اندازه فونت را کوچک‌تر می‌بینید، با ویرایش قالب خود می‌توانید اندازه فونت را افزایش دهید. از یک طراح وب یا یک شرکت طراحی سایت برای آسان‌تر کردن کارها کمک بگیرید.
-
بررسی طرح‌بندی وب سایت
اکنون بررسی کنید که آیا طرح وب سایت شما responsive است یا خیر. اگر طراحی وب سایت شما responsive نیست، ممکن است سایت شما خطای text too small to read را نشان دهد.
برای آشنایی بیشتر با موضوع ریسپانسیو بودن سایت لطفا مقاله ضرورت طراحی سایت واکنش‌گرا یا Responsive را مطالعه نمایید.
یک راه ساده‌تر برای بررسی این موضوع این است که سایت خود را در مرورگر موبایل باز کنید. اگر با اخطار scroll bar برای مشاهده محتوای کامل وبسایت مواجه شدید پس سایت شما بطور کامل ریسپاسیو یا واکنش‌گرا نمی‌باشد. پس از از طراح خود کمک بگیرید؛ زیرا ایجاد تغییرات در چیدمان برای همه آسان نیست. طرح‌بندی‌های responsive درصد ثابتی برای container widths دارند. از این رو، سایت شما scroll bar را برای مشاهده محتویات نمایش نمی‌دهد. این باعث افزایش UX می‌شود.
تصحیح Validate (اعتبارسنجی)
پس از انجام تمام تغییرات، روی Validate Fix در Search Console کلیک کنید. اکنون، گوگل فرآیند Validate را آغاز می‌کند تا ببیند آیا مشکل text too small to read در سایت شما برطرف شده است یا خیر. اگر هیچ خطایی تشخیص داده نشود، Validate به عنوان تصویب اعلام می‌شود.
شما می‌توانید با مراجعه کردن به صفحه مقالات آموزشی ماکان، سایر مقالات ما را مطالعه کنید.
صفحه ما را در اینستاگرام دنبال کنید تا با مطالب روز در حوزه دیجیتال آشنا شوید.
1 دیدگاه در “رفع خطای text too small to read در google search console”
I am truly thankful to the owner of this web site who has shared this fantastic piece of writing at at this place.