loading...
سئو بهینه سازی وب قالب

ملاک اصلی طراحی سایت در موتور جستجو

قیاسی بازدید : 2076 1392/08/21 نظرات (2)

همانطور در گذشته گفته بودم یکی از امتیازات اصلی یک وب سایت واکنش پذیری می باشد که تاثیر بسیاری در افزایش بازدید وب سایت شما دارددر پست سئو بهینه سازی وب سایت چیست تاثیر آن گفته شده است

امروز می خوام در مورد ریسپانسیو بودن یک سایت صحبت کنم امروز مت کاتس از مدیران ارشد گوگل ویدئویی انتشار دادن که تعریف سایت خوب و واکنش پذیری قالب وبسایت به انواع مرورگرها و انواع صفحه نمایش واکنش پذیر باشد گفتند که چه خوب هست بازدید کننده سایتها بتوانند با انواع مرورگر و صفحه نمایش باز کنند وترافیک عالی برای خودشان ایجاد کنند و پیشنهاد میکنم که وب مسترها از قالبهای استاندارد w3  ونیز ریسپانسیو استفاده کنند

یک آموزش کوچک واکنش پذیری html5 میدهم 

 قالب HTML5 در مرورگر Internet Explorer ورژن های 6 و 7 و 8 و پایینتر کدهای Html5 مانند  <header> , <article> , <footer>, <fiqure> و …پشتیبانی نمی کند. برای همین ما باید یک فایل جاوا اسکریپت به نام شیم html5 استفاده کنید قبل از هد بسته بشه این جاوا ایجاد بشه

<!--[if lt IE 9]>

    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

 نحوه فرار از دیفالت مرورگر در اسمارت فون مثل آیفون از متا هد صفحه استفاده میکنید

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">

نحوه ریسپانسیو کردن فونت سایز قالب

 

html { font-size:100%; }
@media (min-width: 640px) { body {font-size:1rem;} }
@media (min-width:960px) { body {font-size:1.2rem;} }
@media (min-width:1100px) { body {font-size:1.5rem;} }

برای ریسپانسیو کردن table  قالب

از سایت کریس کوریر استفاده کنید هر چن به هیچ وجهی پیشنهاد نمیکنم در قالب از table  استفاده کنید در هر صورت و ناچار بودید از آن استفاده نمایید

http://css-tricks.com/responsive-data-tables/

 

برای کمک به دوستان چک ریسپانسیو بودن آدرس را قرار میدم

http://quirktools.com/screenfly
http://ami.responsivedesign.is

تاریخ 10 نوامبر سال 2014 تغییرات زیادی موتور جستجوی گوگل در مسیر موبایل ایجاد کرده از جمله می توان گفت

1- رباتها به استایل قالب و جاوا اسکریپ نوع فونت قالب در قالب حساس شدند

ارور های مسیر موبایل در گوگل وبمستر

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

https://www.google.com/webmasters/tools/mobile-usability

برای ایراها می توانید از این 2 آموزش گوگل را مطالعه نمایید

https://developers.google.com/speed/docs/insights/UseLegibleFontSizes
https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately

2-  نام وب در حالت موبایل باید برجسته سازی شود و کلمات حساس در حالت موبایل باید برجسته سازی شود

یعنی ctr که در حالت معمولی دارید در حالت موبایل نیز همون ctr  داشته باشید که در موتور جستجو متغییر نباشید

3-به هیچ وجهی اجازه ورود رباتهای موتور جستجو در صفحاتی که جاوا اسکریپ پیچیده دارند ندهید

4-مراقب استفاده از فلش در وب سایت خود باشید در صورت استفاده گوگل هشدار در موتور خود قرار داده است

هشدار استفاده از فلش در موبایل سایتدر گزارش جدیدسال 2015 از سمت گوگل به کل وب مستر ها ایمیلی ارسال شده که به فرندلی بودن سایت برای موبایل و واکنش پذیری ارسال شده است

نخوه گزارش موبایل سایت در گوگل

برای چک کردن سایت از چکر گوگل استفاده کنید

https://www.google.com/webmasters/tools/mobile-friendly/
درباره ما
سئو وب سئو بهینه سازی کلیه سیستمهای وبلاگ نویسی از رزبلاگ تا بلاگفا هر سیستم مدیریت محتوا وردپرس .......جوملا کلیه سیستمهای برنامه نویسی دات نت بردن هر کلمه به صفحه اول گوگل .....
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نویسندگان
    آمار سایت
  • کل مطالب : 100
  • کل نظرات : 126
  • افراد آنلاین : 1
  • تعداد اعضا : 1
  • آی پی امروز : 88
  • آی پی دیروز : 184
  • بازدید امروز : 301
  • باردید دیروز : 277
  • گوگل امروز : 0
  • گوگل دیروز : 2
  • بازدید هفته : 578
  • بازدید ماه : 764
  • بازدید سال : 42,853
  • بازدید کلی : 1,150,536