سئو سایت

امکان Live Test

یک قسمت دیگر از فراگیری Mobile Usability سرچ کنسول مرتبط با قابلیت و امکان آزمایش لحظه‌ای ایرادات کارکرد تلفن همراه صفحه های وب سایت شما میباشد. این گزینه به ویژه برای اشخاصی که کاغذ‌ی جدیدی را منتشر کرده‌اند و یا این که بعضی از صفحه های وبسایت آن ها هنوز لیست نشده میباشد، کاربرد داراست؛ چراکه گزارش خطاهای Mobile Usability برای صفحه ها ایندکس نشده کلاس سئو مشهد اکران داده نمی شود. برای به کارگیری از این قابلیت و امکان کافیست:

در منوی سمت چپ بر روی آیتم “URL Inspection” کلیک کرده و نشانی URL خویش را وارد فرمائید.
اکنون مورد “Test Live” را تعیین کرده و میتوانید گزارشی از اشتباهات برگه را ببینید.
همینطور ابزار Mobile-Friendly Test گوگل نیز برای این عمل وجود دارااست که میتوانید با وارد کردن لینک و پیوند شیت خویش، گزارشی از آموزش سئو مشهد ارورهای Mobile Usability را در آن ملاحظه کنید.

معرفی بدون نقص خطاها مربوط به Mobile Usability در سرچ کنسول
حالا دفعه آن میباشد تا به معرفی خطاهای اساسی در mobile usability: بپردازیم که دوره خصوصی سئو مشهد عبارتند از:

Uses incompatible plugins | استعمال از پلاگین های ناسازگار

وقتی که ابزار Mobile Usability، هر فناوری کهن وبسایت را تشخیص دهد، برای مثال پیکان، این ارور مشاهده می شود. این فناوری در وبسایت‌های کنونی حذف گردیده و به شغل نمی‌رود.

نکته: مراد از نشانه گر یا این که Flash، یک فناوری تارنما کهن میباشد که در اجرای کارتون‌های هنگفت مانند بازی‌ها و فیلم‌ها به فعالیت گرفته میشود. لازم به ذکر میباشد که‌این فناوری به وسیله همگی موبایل‌های گوشی پناه نمی شود و موتورهای کاوش نیز آن را به راحتی خزش نمی کنند.

برای رفع این اختلال می بایست آحاد افزونه‌ها یا این که نصیب‌هایی که از این فناوری به کار گیری می کنید حذف شوند.

Viewport not set |خصوصیت Viewport تمجید نشده

یکی‌از رایج‌ترین مشکلاتی که ممکن میباشد در فراگیری Mobile Usability سرچ کنسول ملاحظه کنید، مرتبط با تگ Viewport میباشد. رسیدگی متاتگ‌ها در حین بار گذاری یک تارنما و رندر پوشه HTML به وسیله موتورهای کاوش اعمال می شود. Viewport not set اشاره به عدم تمجید بعد ها و مقیاس درست برای متاتگ Viewport داراست که معمولا در تگ‌های ابتدایی هر ورقه درج میشود. هرچند ممکن میباشد عدم درج و مقدار دهی آن در کدهای CSS و اکران وبسایت حتی برای تلفن همراه خلل خاصی را تولید نکند، ولی این تگ برای موتورهای جستجویی مانند گوگل التفات خاصی دارااست. شما می توانید با افزودن قطعه کد تحت، به راحتی آن را برطرف نمایید.

نکته: در شرایطی‌که از یک پوسته استاندارد به کارگیری می کنید، معمولا با این خلل روبرو نمی‌گردید؛ چراکه این کد در آن وجود دارااست.

Viewport not set to “”device-width”” | خصوصیت Viewport صحیح تهیه نشده

این ارور هنگامی ساخت می شود که مقدار Viewport به device-width تهیه نشده باشد. در‌این‌حالت‌ وقتی که دستگاه‌های گوشی ورقه شما‌را گشوده می‌نمایند، آن را با مقیاس Desktop اکران می دهند که سبب ساز به ساخت و ساز یک تجربیات منفی میگردد. برای مثال چنانچه فقط کد پایین را درج کرده باشید، فقط سایز دسکتاپ برای تلفن همراه اکران داده می‌گردد.

برای رفع اختلال از کافیست مقدار “device-width” را به‌این تگ همچون کد تحت ایفا نمایید:

Content wider than screen | محتوا عظیم خیس از کاغذ اکران گوشی

یک کدام از دیگر از متداول‌ترین ارورها در فراگیری Mobile Usability سرچ کنسول، مشاهده اخطار Content wider than screen میباشد. دراین‌صورت در صورتیکه عنصری در وب سایت شما دارنده Widthای بیشتر از پهنا گوشی شخص مقابل باشد، این نادرست در سرچ کنسول وبسایت شما اکران داده گردد.

شما میتوانید برای برطرف کردن این اختلال، آغاز از ابزار آزمایش Mobile Usabiltiy برای تشخیص ظریف آن ارکان استعمال نمائید. در مرحله سپس با کدنویسی CSS، نسبت به ریسپانسیو کردن آن المان مبادرت نمائید. به عنوان مثال تصویر بالا دارنده عرضی بزرگتر از گوشی میباشد. برای رفع خطای content wider than screen از media queries در CSS برای ریسپانسیو کردن آن استعمال کرده و کد پایین را برای آن اِلمان درج می کنیم:

@media only screen and (max-width: 600px) {img {Width: 100%;}}}

در‌این نصیب ما شرطی را قرار دادیم که در صورتی ماکزیمم پهنا دستگاه استفاده کننده 600 پیکسل باشد (که مشقت متداول برای دستگاه‌های موبایلی میباشد)، تمامی تصاویر با پهنا نسبی و با مقدار 100% اکران داده خواهد شد. معمولا اینگونه ایراداتی سبب ساز به حصول نمره بد در پارامتر CLS نیز میشوند. از آنجایی که CLS جزوی از پارامترهای اساسی امتیازدهی گوگل برای تجارب کاربری تارنما میباشد، سفارش میکنیم به طبع یادگرفتن CLS و طریق‌های بهبود آن را در بلاگ ما تفحص نمایید.

Text too small to read | سایز حروف و متن برای خوندن خیلی خرد

این ارور وقتی ساخت می گردد که متن برای تلاوت بسیار کوچکتر باشد. در این صورت در صورتی سایز متن کمتر از 16 پیکسل باشد، ممکن میباشد این ارور را ملاحظه کنید. برای رفع این ایراد می توانید اندازه متن را به 16 پیکسل ارتقاء دهید. مثلا می توانید کد css تحت را به اِلمانی که‌این ارور برای آن فیس داده میباشد ایفا نمایید. شما می توانید با ابزار آزمایش سرچ کنسول عنصر موردنظر را در شیت خویش شناسایی کرده و کد پایین را به آن نسبت دهید:

@media only screen and (max-width: 600px) {p {Font-size: 16px;}}

Clickable elements too close together | دکمه ها یا این که ارکان قابل کلیک خیلی در حدود هم پیاده سازی گردیده

در غایت به یکی‌از دیگر از ارورهای یادگرفتن Mobile Usability سرچ کنسول می‌رسیم که مرتبط با عدم رعایت مسافت در بین اِلمان‌ها میباشد. ارور Clickable elements too close together هنگامی فیس میدهد که یک یا این که تعدادی عنصر وبسایت به شدت بهم مجاورت باشند. این نقص‌ به جهت خرد بودن ارتفاع و پهنا صفحه ها در مقیاس نمایشگر تلفن همراه و عدم ریسپانسیو درست طراحی وب شما صورت می دهد. در‌این‌صورت‌ استفاده کننده نمی‌تواند روی اِلمان مدنظر خویش کلیک کرده و تجربیات ناخوشایند ساخت و ساز می گردد.

برای رفع خطای mobile usability در این باره، کافیست مسافت درست فی مابین عنصرها را درنظر بگیرید. به عنوان مثال به عنصر موردنظر یک کلاس داده و در بخش کدهای CSS Style آن از خصوصیت margin به کار گیری فرمایید:@media only screen and (max-width: 600px) {.btn-buy {margin-bottom: 10px;}}

امکان Live Test

یک قسمت دیگر از فراگیری Mobile Usability سرچ کنسول مرتبط با قابلیت و امکان آزمایش لحظه‌ای ایرادات کارکرد تلفن همراه صفحه های وب سایت شما میباشد. این گزینه به ویژه برای اشخاصی که کاغذ‌ی جدیدی را منتشر کرده‌اند و یا این که بعضی از صفحه های وبسایت آن ها هنوز لیست نشده میباشد، کاربرد داراست؛ چراکه گزارش خطاهای Mobile Usability برای صفحه ها ایندکس نشده کلاس سئو مشهد اکران داده نمی شود. برای به کارگیری از این قابلیت و امکان کافیست:

در منوی سمت چپ بر روی آیتم “URL Inspection” کلیک کرده و نشانی URL خویش را وارد فرمائید.
اکنون مورد “Test Live” را تعیین کرده و میتوانید گزارشی از اشتباهات برگه را ببینید.
همینطور ابزار Mobile-Friendly Test گوگل نیز برای این عمل وجود دارااست که میتوانید با وارد کردن لینک و پیوند شیت خویش، گزارشی از آموزش سئو مشهد ارورهای Mobile Usability را در آن ملاحظه کنید.

معرفی بدون نقص خطاها مربوط به Mobile Usability در سرچ کنسول
حالا دفعه آن میباشد تا به معرفی خطاهای اساسی در mobile usability: بپردازیم که دوره خصوصی سئو مشهد عبارتند از:

Uses incompatible plugins | استعمال از پلاگین های ناسازگار

وقتی که ابزار Mobile Usability، هر فناوری کهن وبسایت را تشخیص دهد، برای مثال پیکان، این ارور مشاهده می شود. این فناوری در وبسایت‌های کنونی حذف گردیده و به شغل نمی‌رود.

نکته: مراد از نشانه گر یا این که Flash، یک فناوری تارنما کهن میباشد که در اجرای کارتون‌های هنگفت مانند بازی‌ها و فیلم‌ها به فعالیت گرفته میشود. لازم به ذکر میباشد که‌این فناوری به وسیله همگی موبایل‌های گوشی پناه نمی شود و موتورهای کاوش نیز آن را به راحتی خزش نمی کنند.

برای رفع این اختلال می بایست آحاد افزونه‌ها یا این که نصیب‌هایی که از این فناوری به کار گیری می کنید حذف شوند.

Viewport not set |خصوصیت Viewport تمجید نشده

یکی‌از رایج‌ترین مشکلاتی که ممکن میباشد در فراگیری Mobile Usability سرچ کنسول ملاحظه کنید، مرتبط با تگ Viewport میباشد. رسیدگی متاتگ‌ها در حین بار گذاری یک تارنما و رندر پوشه HTML به وسیله موتورهای کاوش اعمال می شود. Viewport not set اشاره به عدم تمجید بعد ها و مقیاس درست برای متاتگ Viewport داراست که معمولا در تگ‌های ابتدایی هر ورقه درج میشود. هرچند ممکن میباشد عدم درج و مقدار دهی آن در کدهای CSS و اکران وبسایت حتی برای تلفن همراه خلل خاصی را تولید نکند، ولی این تگ برای موتورهای جستجویی مانند گوگل التفات خاصی دارااست. شما می توانید با افزودن قطعه کد تحت، به راحتی آن را برطرف نمایید.

نکته: در شرایطی‌که از یک پوسته استاندارد به کارگیری می کنید، معمولا با این خلل روبرو نمی‌گردید؛ چراکه این کد در آن وجود دارااست.

Viewport not set to “”device-width”” | خصوصیت Viewport صحیح تهیه نشده

این ارور هنگامی ساخت می شود که مقدار Viewport به device-width تهیه نشده باشد. در‌این‌حالت‌ وقتی که دستگاه‌های گوشی ورقه شما‌را گشوده می‌نمایند، آن را با مقیاس Desktop اکران می دهند که سبب ساز به ساخت و ساز یک تجربیات منفی میگردد. برای مثال چنانچه فقط کد پایین را درج کرده باشید، فقط سایز دسکتاپ برای تلفن همراه اکران داده می‌گردد.

برای رفع اختلال از کافیست مقدار “device-width” را به‌این تگ همچون کد تحت ایفا نمایید:

Content wider than screen | محتوا عظیم خیس از کاغذ اکران گوشی

یک کدام از دیگر از متداول‌ترین ارورها در فراگیری Mobile Usability سرچ کنسول، مشاهده اخطار Content wider than screen میباشد. دراین‌صورت در صورتیکه عنصری در وب سایت شما دارنده Widthای بیشتر از پهنا گوشی شخص مقابل باشد، این نادرست در سرچ کنسول وبسایت شما اکران داده گردد.

شما میتوانید برای برطرف کردن این اختلال، آغاز از ابزار آزمایش Mobile Usabiltiy برای تشخیص ظریف آن ارکان استعمال نمائید. در مرحله سپس با کدنویسی CSS، نسبت به ریسپانسیو کردن آن المان مبادرت نمائید. به عنوان مثال تصویر بالا دارنده عرضی بزرگتر از گوشی میباشد. برای رفع خطای content wider than screen از media queries در CSS برای ریسپانسیو کردن آن استعمال کرده و کد پایین را برای آن اِلمان درج می کنیم:

@media only screen and (max-width: 600px) {img {Width: 100%;}}}

در‌این نصیب ما شرطی را قرار دادیم که در صورتی ماکزیمم پهنا دستگاه استفاده کننده 600 پیکسل باشد (که مشقت متداول برای دستگاه‌های موبایلی میباشد)، تمامی تصاویر با پهنا نسبی و با مقدار 100% اکران داده خواهد شد. معمولا اینگونه ایراداتی سبب ساز به حصول نمره بد در پارامتر CLS نیز میشوند. از آنجایی که CLS جزوی از پارامترهای اساسی امتیازدهی گوگل برای تجارب کاربری تارنما میباشد، سفارش میکنیم به طبع یادگرفتن CLS و طریق‌های بهبود آن را در بلاگ ما تفحص نمایید.

Text too small to read | سایز حروف و متن برای خوندن خیلی خرد

این ارور وقتی ساخت می گردد که متن برای تلاوت بسیار کوچکتر باشد. در این صورت در صورتی سایز متن کمتر از 16 پیکسل باشد، ممکن میباشد این ارور را ملاحظه کنید. برای رفع این ایراد می توانید اندازه متن را به 16 پیکسل ارتقاء دهید. مثلا می توانید کد css تحت را به اِلمانی که‌این ارور برای آن فیس داده میباشد ایفا نمایید. شما می توانید با ابزار آزمایش سرچ کنسول عنصر موردنظر را در شیت خویش شناسایی کرده و کد پایین را به آن نسبت دهید:

@media only screen and (max-width: 600px) {p {Font-size: 16px;}}

Clickable elements too close together | دکمه ها یا این که ارکان قابل کلیک خیلی در حدود هم پیاده سازی گردیده

در غایت به یکی‌از دیگر از ارورهای یادگرفتن Mobile Usability سرچ کنسول می‌رسیم که مرتبط با عدم رعایت مسافت در بین اِلمان‌ها میباشد. ارور Clickable elements too close together هنگامی فیس میدهد که یک یا این که تعدادی عنصر وبسایت به شدت بهم مجاورت باشند. این نقص‌ به جهت خرد بودن ارتفاع و پهنا صفحه ها در مقیاس نمایشگر تلفن همراه و عدم ریسپانسیو درست طراحی وب شما صورت می دهد. در‌این‌صورت‌ استفاده کننده نمی‌تواند روی اِلمان مدنظر خویش کلیک کرده و تجربیات ناخوشایند ساخت و ساز می گردد.

برای رفع خطای mobile usability در این باره، کافیست مسافت درست فی مابین عنصرها را درنظر بگیرید. به عنوان مثال به عنصر موردنظر یک کلاس داده و در بخش کدهای CSS Style آن از خصوصیت margin به کار گیری فرمایید:@media only screen and (max-width: 600px) {.btn-buy {margin-bottom: 10px;}}