آموزش عمومیآموزشی

آموزش گذر از Google Mobile Friendly

دور زدن موبایل فرندلی mobile-friendly گوگل

با این ترفند شما میتوانید صفحه موبایل فرندلی mobile-friendly گوگل را دور بزنید.

نمونه دلیل برای دور زدن: ما یک ابزار داریم که حتما باید در حالت دسکتاپ لود بشه تا کاربر بتونه راحت باهاش کار کنه.

اما گوگل از این صفحه ایراد میگیره و میگه که صفحه با موبایل سازگار نیست و از نظر سئو هم اصلا خوب نیست.

برای اینکار ما از کد زیر استفاده میکنیم.

<script type=”text/javascript”>
if (screen.width < 600) {
document.location = “mobilepage.html”;
}
</script>

نحوه کارکرد کدبالا مقدار ۶۰۰ ینی هر وقت ابعاد صفحه نمایشی که سایتو باز میکنه کمتر از ۶۰۰ پیکسل بود

صفحه به mobilepage.html انتقال پیدا کنه.خب ما این کد در صفحه ای که مد نظرمون هست قرار میدیم

محتویات داخلشم ی سری اطلاعات تنظیم میکنیم و به کاربر میفهمونیم که چرخش صفحه موبایلشو روشن کنه و گوشیشو

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

برای اینکه صفحه شناسایی بشه باید در صفحه mobilepage.html از کد بالا با ی کم تغییر استفاده کنیم.

تغییراتشم اینه قبل از عدد ۶۰۰ یک > وجود داره اونو به < تغییر بدین و ادرس صفحه اصلیو روش ست کنیم.

این تغییر بهش میگه اگه اندازه صفحه بیشتر از ۶۰۰ پیکسل بود به صفحه اصلی انتقالش بده.

برای تست سازگاری صفحه موبایل به ادرس زیر مراجعه کنید.

https://search.google.com/test/mobile-friendly?hl=

نمونه کد برای صفحه موبایل

 

<head><script type=”text/javascript”>
if (screen.width < 600) {
document.location = “index.html”;
}
</script>
<head>
<html xmlns=”http://www.w3.org/1999/xhtml” dir=”rtl”>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<meta name=”viewport” content=”width=device-width”/>
<title>ابزار تست رسپانسیو-موبایلی</title>
<meta name=”description” content=”ابزار تست رسپانسیو صفحه موبایلی با این ابزار شما میتوانید از رسپانسیو بودن سایت خود مطلع شوید یا نحوه نمایش در سایز های مختلف را مشاهده نمایید.”>
<meta name=”keywords=”ابزار تست رسپانسیو”>
</head>

<style>
body {
background-color:#00ff66;
font-family: Tahoma, Helvetica, sans-serif;
font-weight: 400;
direction: rtl;
-webkit-font-smoothing: antialiased;
margin:16px
auto;padding:16px
0;text-align:center;width:90%;border:8px
solid #B99679;border-radius:5px;-moz-border-radius:5px}.newspic
img{border-radius:3px;-moz-border-radius:3px;margin:5px
</style>

<body>
<br><br><br><br>
<p align=”center” style=”font:impact;font-family:impact; font-size:250%; color:#990000″>CoDeBaZaN.iR</p>

<p align=”center” style=”font:impact;font-family:impact; font-size:20px;border: 1px solid red;border-radius: 10px;padding:0 5; text-decoration:none color:”>این صفحه برای دور زدن خطای mobile friendly طراحی شده برای اینکه شما ابزار را مشاهده کنید باید ابتدا چرخش خودکار موبایل خود را روشن کنید موبایل خود را در حالت افقی نگه دارید صفحه را رفرش و یا روی لینک زیر کلیک کنید.<br></p>
<a href=”index.html” style=”font:impact;font-family:impact; font-size:20px;border: 1px solid red;border-radius: 10px;padding:0 5; text-decoration:none”>بعد از تنظیم اینجا کلیک کن</a></p>
</body></html>

 

منبع
کد بزن
برچسب ها
مشاهده بیشتر

فرنود

فرنود هستم،علاقه‌مند به دنیای زیبا و شیرین و ترسناک تکنولوژی.کدنویسی در سطح پایین و طراحی و توسعه وبسایت از تفریحات روزانم هست.کار اصلیم IT و تفریح اصلیم بازی با پلی‌استیشن.به دنیای من خوش اومدین.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
بستن
بستن