دورزدن موبایل فرندلی 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
۰;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>
سلام
من این کد رو گذاشتم توو قالبم ولی از طریق دسکتاپ سایت باز نمیشه
کد سالمه حتما در جایگزینی کد مشکل داری دمو کد چک کن متوجه میشی