نوشته‌ها

mobile-friendly

طراحی موبایل فرندلی چیست؟

طراحی ریسپانسیو یکی از آخرین تغیرات در دنیای وب است! این تغیر آنقدر بزرگ بوده که شکل سایت ها و حتی الگوریتم های سرچ و جستجو را تغیر داده است! بطوری که اگر سایت شما ریسپانسیو یا موبایل فرندلی باشد رتبه بالاتری نسبت به سایت های دیگر پیدا می کند! دلیل اهمیت ریسپانسیو بودن این است که کاربران وب بیشتر به سمت استفاده از موبایل هاو تبلتها رفته اند! و این خود نشانه ای از تحولاتی است که در آینده باید منتظر به وقوع پیوستنش باشیم!

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

طراحی موبایل فرندلی چیست؟

نحوه نمایش سایت باید به طوری باشد که وقتی کاربر با گوشی موبایل خود به صفحه سایت می آید شکل و ابعاد سایت متناسب با ابعاد نمایگشر موبایل کاربر تغیر کند!  این تعریف در مورد دستگاه های دیگر نظیر تبلت هم صادق است! بطور کلی اندازه سایت باید با اندازه نمایشگر تغیر کند! این طراحی را طراحی ریسپانسیو می گویند! و سایت را که این ویژگی را داشته باشد را سایت موبایل فرندلی می نامند!

 

تاثیر-موبایل-فرندلی-در-سئو-سایت-طراحی-شده

 

اثر موبایل فرندلی در سئو

اگر شما یک فروشگاه اینترنتی یا سایت خبری یا هر نوع سایت دیگری راه اندازی کرده اید! نیاز به مخاطب و بازدیدکننده دارید! پس به دنبال افزایش رتبه خود در جستجوها می روید و به دنبال آن انواع راه ها را برای بهترین کردن سئو سایت خود انجام خواهید داد! یکی از عوامل موثر در سئو سایت های راه اندازی شده همین موبایل فرندلی بودن است! علاوه بر این وقتی سایت شما موبایل فرندلی باشد کاربر احساس خوشایندی از ورود به سایت شما پیدا خواهد کرد! و مطمئن باشید به سرعت از سایت شما خارج نخواهدشد!

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

 

111

چطور یه سایت توپ داشته باشیم!

چطور یه سایت توپ  داشته باشیم؟برای پاسخ به این سوال با ما همراه شوید:

1- ارورهای html برطرف کنید!

این ارورها در عین اینکه پیچیده نبودن ممکن است مشکلات زیادی برای سایت شما ایجاد کنند!! گوگل در بررسی های هر سایت خطاهای html آن را مورد بررسی قرار می دهد و بررسی این کدها را  از پارامترها برای تعیین رتبه سایت‌ها در نظرگرفته است! شما می توانید با مراجعه به سایت WC3   کدهای html را با توجه به استاداردها بهینه کنید.

12

2-رسپانسیو باشید!

25% از جستجوهای اینترنت از طریق گوشی های هوشمند انجام می شود پس لازم است سایت شما متناسب با اندازه صفحه دستگاه مورد نظر تغیر شکل دهد! این کار باعث افزایش رنک شما و تعداد بازدیدکنندگان از سایت شما می شود! اگر سایت شما از ابتدا رسپانسیو طراحی نشده می توانید با ساخت یک اپلیکشن گوشی برای سایت این مشکل را تا حدی برطرف کنید اما هیچ چیز جای این ویژگی را نمی‌گیرد!

13

3- لینک های سرکاری!

روی لینکی در یک سایت کلیک می کنیدبه صفحه جدید منتقل می‌شوید و بعد با عدد404 برخورد می‌کنید! بله چیزی نیست جز ارور404 که نشان می‌دهد مطلب مورد نظر یافت نشد! به قولی دیگر انگار لینک سرکاری بود! برای اینکه با این مشکل مواجه نشوید سعی کنید همیشه لینک های اصلی سایتتان را چک کنید! گوگل روی خطای 404 و لینکههای اشنباه حساس است و باعث کم شدن رتبه شما می‌شود! می توانید با مراجه به آدرس  www.brokenlinkcheck.com لینک های خراب سایت خود را شناسایی و آن ها را اصلاح کنید!

133

4-سرعت بارگذاری صفحه!

قبلا هم گفتیم و بازم هم می‌گیم سایت خوب سایتی هست که علاوه بر زیبایی و محتوا دارای سرعت بارگذاری خوب باشه بخصوص در کشور ما که سرعت اینترنت پایین است سرعت سایت رابطه مستقیمی با تعداد بازدیدکنندگان دارد پس هرچه بارگذاری سرعت تر باشد مخاطبان بیشتر خواهد بود! می توانید به رفتن به آدرس pagespeed سرعت بارگذاری سایت خود را تست کنید!

16

5-بک لینک!

هر چه بک لینک ها بیشتری داشته باشید برای سئوی سایت شما بهتر خواهد بود! البته نه هر سایتی سعی کنید تا جایی که می توانید از سایتهایی بکلینک بگیرید که متناسب با محتوای سایت شما باشد! برای چک کردن بکلینک های خود می توانید به سایت الکسا مراجعه کنید!

166

6-سازگاری!

سعی کنید در کدنویسی سایت این مورد را لحاظ کنید که همه مخاطبان از یک مرورگر استفاده نمی‌کنند! بعضی از کروم و بعضی دیگر متاسفانه از اینترنت‌اکسپلوره! پی سایت شما باید در همه این مرورگر ها شکل مناسبی داشته باشد!

 

1777

images

اشتباهات رایج در طراحی سایت(2)

اشتباهات رایج در طراحی سایت  ادامه:

1-بروز بودن!

یک برنامه نویس همیشه باید آخرین ترندهای برنامه نویسی آگاه باشد! و از آخرین استانداردهای کدنویسی را استفاده کند! چون کار او مستقیما با تکنولوژی پیوند خورده و تکنولوژی روزانه در حال پیشرفت است! یکی از موارد مهمی که باید یک وبمستر به آن توجه کند استفاده درست از کدهاست به خصوص کدهای HTML,XHTML,CSS که باید با استاندارهای W3C مطابقت داشته باشند!

2-فونت!

انتخاب فونت درست همیشه یکی از دغدغه‌های وبمسترهاست! فونتی که راحت خوانده شود وتکراری نباشد و همچنین در همه مرورگر ها به درستی نمایش داده شود! فونت البته یکی از عوامل مهم در سئو است که باید به آن دقت شود!در وب فارسی بیشتر از فونت‌های Tahoma و  Arial  و یا Tim استفاده می‌شود البته به شما توصیه می کنیم فونت های جدید را نیز امتحان کنید مثل فونت  YEKAN . در انتخاب اندازه فونت هم دقت عمل کافی را به خرج دهید خواننده نباید از خوانده متن شما خسته شود!

23-Fonts

3- رنگ های جیغ!

هیچ وقت از رنگ های سبز فسفری یا زرد در طراحی سایت استفاده نکنید! این نوع رنگها به دلیل کنتراست بالا باعث مس شود چشم ببیننده سریع خشته شود و به خوانده مطلب ادامه ندهد. رنگ پس زمینه باید روشن تر از رنگ فونت ها باشد  فونت ها تیره تر باید باشند تا به راحتی خوانده شوند.

92764eb04f03327e4d5af2fc8460e92b

4-غلط املایی!!

غلط املایی قاتل مطلب شماست! تا آخرمطلب خواننده به آن کلمه‌ای که نادرست نوشته شده فکر می‌کند! این غلطها ممکن است سهوی باشد اما باز هم برای خواننده مهم هستند! سعی کنید مطلب خود را چندبار بخوانید سپس آن را منتشر کنید.

5-رسپانسیو!

طبق آخرین آمار گوگل بالای 60% درصد از سرچ های اینترنتی از طریق تبلت و گوشی‌های هوشمند انجام می‌شود! این درصد بالایی است! پس لازم است سیات شما بتواند در موقع برخود با موبایل و تبلت کنش‌گر عمل کند و تغیر اندازه دهد به عبارت دیگر رسپانسیو باشد! شما می توانید از طریق فریمورک بوت‌استرپ این قابلیت بسیار مفید را به سایت خود اضافه کنید!

images

6-بی خیالی!

بروز نکردن سایت یعنی فراموش شدن توسط موتورهای جستجوگر! عدم بروزرسانی سایت مساوی است با پرت شدن از صفحه اول گوگل به صفحات بعدی! این بروز رسانی باید دائمی باشد تا بتواند در سئو سایت شما موثر واقع شود پس همیشه به سایت خود سربزنید و آن را بروز کنید!