طراحی سایت ریسپانسیو ( واکنشگرا )

طراحی سایت ریسپانسیو ( واکنشگرا )

وب سایت واکنشگرا یا ریسپانسیو سایتی است که با ابعاد و رزولوشن دستگاه های مختلف سازگاری دارد و کاربران بدون توجه به اینکه صفحه نمایش دستگاهشان کوچک باشد (مثل اکثر گوشی های هوشمند موبایل) یا نمایشگری متوسط(مثل لپ تاپ و تبلت) و یا نمایشگرهای بزرگ (کامپیوترهای رومیزی و ال سی دی های بزرگ)داشته باشند، میتوانند به راحتی سایت را بررسی کنند و دیگر نیازی نیست اندازه صفحه را تغییر دهند که سایت به صورت کامل دیده شود.

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

حدود 50 درصد از کاربران از موبایل و تبلت برای مشاهده سایت ها استفاده میکنند و در صورتی که قالب سایت شما نمایش درستی در موبایل و تبلت نداشته باشد کاربران بسیاری را از دست خواهید داد. زیرا این دسته از کاربران پس از ورود به سایت شما در صورتی که نتوانند مطالب سایت شما را به راحتی مطالعه نمایند ممکن است سایت شما را بلافاصله ترک کنند و وارد سایت دیگری شوند که به درستی در دستگاه آنان نمایش داده شود. با توجه به مورد مطرح شده وجود سایت ریسپانسیو(واکنش گرا) برای سایت ها امری لازم و ضروری میباشد.

 

مزایای سایت های ریسپانسیو:

  • سازگاری با همه سایزهای نمایشگرهای مختلف مانند موبایل، تبلت و لپ تاپ و . . .
  • نمایش مناسب سایت در طیف وسیعی از مرورگر های جدید و قدیمی
  • انعطاف پذیری بالا و کارآمد
  • مقرون به صرفه بودن (به نسبت طراحی سایت با نسخه موبایل)
  • رتبه بهتر و بالاتر در گوگل
  • افزایش قدرت سئو سایت(به دلیل پوشش همه کاربران)
  • افزایش بازدیدکنندگان سایت
  • محبوبیت بیشتر در بین موتور های جستجو

 

تفاوت سایت های ریسپانسیو و نسخه موبایل سایت:

گوگل طراحی ریسپانسیو (واکنش گرا) را برای طراحی وب سایت پیشنهاد میدهد.

سایت های ریسپانسیو دارای url و html یکسان هستند و این قابلیت را دارند که روی تمامی دستگاه ها (با سایزهای مختلف صفحه نمایش) به درستی نمایش داده شوند و کار کنند.

این موضوع باعث میشود که گوگل بتواند راحت تر و بهینه تر محتوای سایت رو نشانه گذاری کند.

ولی وقتی که برای موبایل سایتی جداگانه طراحی و منتشر کنیم، url و html سایت مخصوص موبایل با سایت طراحی شده برای کامپبوتر متفاوت است. به همین دلیل گوگل برای نسخه های مختلف یک وب سایت چندین بار سازمان دهی و نشانه گذاری اطلاعات را انجام میدهد. این موضوع تأثیرات منفی در روند رتبه بندی گوگل دارد.

یکی از دلایل دیگری که گوگل طراحی ریسپانسیو وب سایت را پیشنهاد میکند این است که تمامی محتویات روی یک وب سایت و یک url قرار میگیرند و این موضوع باعث میشود که کاربران راحت تر با سایت ارتباط برقرار کنند و سایت را به اشتراک بگذارند.

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

امروزه تجربه کاربری (user experience) یک فاکتور خیلی مهم در رتبه بندی سایت شما در گوگل میباشد و به همین دلیل طراحی ریسپانسیو وب سایت روی سئو تأثیر مثبت دارد.

 

چگونه سایت های ریسپانسیو را شناسایی کنیم ؟

برای تشخیص ریسپانسیو بودن یک سایت ( در صورتی که به موبایل و تبلت دسترسی نداشتیم) ، سایت مورد نظر را در لپ تاپ یا کامپیوتر باز کنید و عرض مرورگر را به آهستگی کم و زیاد کنید. اگر سایت ریسپانسیو باشد مشاهده میکنید که اندازه و چیدمان اجزاء آن مطابق با تغییر عرض صفحه تغییر میکند به گونه ای که هیچ اسکرول افقی ظاهر نمی شود. اما در سایت های غیر ریسپانسیو چنین موضوعی اتفاق نمی افتد و اسکرول افقی لازم است تا بتوان قسمت های پنهان شده چپ و راست صفحه را مرور کرد. تصاویر زیر یکی از نمونه کارهای طراحی سایت واکنش گرا را در عرض های مختلف نشان میدهد.

شیرآلات بهداشتی بهسازان 100% واکنشگرا

 

اشتباهات رایج در طراحی سایت ریسپانسیو :

امروزه دیگر همه ما از اهمیت دستگاه های تلفن همراه در پیشرفت اهداف بازاریابی اینترنتی آگاهی داریم. با افزایش تعداد کاربران تلفن همراه و به وجود آمدن تکنیک طراحی سایت ریسپانسیو، اهمیت طراحی سایت پاسخگو به انواع دستگاه ها و طراحی بهینه برای آنها شدت یافته است. لذا طراحی صحیح رابط گرافیکی(ui) و در پایان ایجاد تجربه کاربری مناسب (ux) میتواند کیفیت وب سایت شما را افزایش دهد و در نهایت به نرخ تبدیل بالای بازدیدکننده به مشتری بیانجامد.

امروزه بسیاری از طراحان سایت از متد طراحی ریسپانسیو جهت طراحی سایت پروژه های مشتری خود استفاده میکنند که بعضاً دارای اشکالاتی هستند. ما در ادامه به برخی اشتباهاتی که این مشکلات را خلق میکنند خواهیم پرداخت تا با طراحی سایت حرفه ای بتوانید رابط کاربری بهتری برای بازدیدکنندگان موبایلی خود ایجاد کنید.

 

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

متن های یک وب سایت می بایست کوتاه باشد مخصوصاً برای کاربران موبایل، چراکه این دستگاه ها دارای صفحه نمایش کوچکی هستند و خواندن متن ها و عناوین طولانی میتواند برای کاربر مشکل باشد و تعداد لمس او را افزایش دهد. استفاده از فونت ریز و نامناسب نیز میتواند مشکلاتی برای خواندن کاربران موبایل ایجاد نماید.

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

 

شماره تلفن ها را برای تماس موبایل فعال کنید:

بعضی وب سایت ها در بالای وب سایت خود، شماره تماس خود را درج میکنند. این شماره گاهاً یک تصویر و یا یک نوشته است. در نسخه موبایل وب سایت شما ضرورت ایجاد دکمه تعاملی تماس با دستگاه موبایل کاربر اهمیت پیدا میکند. استفاده از لینک تماس تلفن در این شماره تلفن ها میتواند به تماس راحت تر کاربر با شما کمک نماید. و کاربر با لمس این شماره اقدام به شماره گیری خواهد کرد.

 

نکاتی کوچک اما مؤثر :

ایجاد جذابیت برای کاربران موبایل توسط نمایش دکمه های بزرگ و لینک های جذاب باعث میشود کاربران از وب سایت شما بیشتر استفاده کنند. از دکمه های واضح و جذاب جهت تشویق کاربران برای عضویت در خبرنامه و یا تکمیل یک فرم استفاده نمایید. نوشته روی دکمه ها را نیز با استفاده از css درشت نمایید تا برای کاربران خوانا باشد.

سئو چیست؟

سئو چیست؟

سئو برگرفته از عبارت Search Engine Optimization است که کلمات معادلی چون SEO یا بهینه سازی موتور جستجو دارد که همگی آنها به یک معنی می باشند و می توان آن را بصورت زیر تعریف نمود:

سئو (بهينه‌سازي موتور جستجو) به معناي فريب و يا دستکاري موتور‌هاي جستجو با روش‌هاي غير اخلاقي نيست. آن‌ها براي کمک کردن به بهبود رويت و ارتباط وب سايت‌ها در نتايج جستجوي طبيعي با هدف رسيدن به رتبه‌بندي بالا، ايجاد شده‌اند.

سئو را مي‌توان مجموعه‌اي از روش‌ها براي تغيير استراتژيک وب سايت‌ها دانست. اين فرآيند به بيان مهمترين عوامل مرتبط صفحه و افزايش اهميت آن در صفحه نتايج جستجو، مي‌پردازد.

سئو فرآيند ساده‌اي نيست که به راحتي پياده‌سازي شود زيرا نيازمند دانش زياد، علم پيش زمينه‌اي و صبر است. موتور‌هاي جستجو با تغيير مداوم الگوريتم‌هاي رتبه‌بندي خود غير قابل پيش‌بيني هستند؛ بنابراين وظيفه مهندسين سئو بروز نگه داشتن اطلاعات خود در اين زمينه است.

الگوريتم رتبه‌بندي گوگل داراي بيش از 200 معيار جهت رتبه‌بندي يک سايت است. از اين رو مهندسين سئو مي‌بايست مهم‌ترين اين معيار‌ها را جهت پياده‌سازي موفق سئو بدانند.

 

اوايل شروع سئو

در اوايل سال 1990 اولين موتور‌هاي جستجو کار خود را آغاز کردند؛ بعضي از محبوب‌ترين آن‌ها Infoseek ،Alta Vista و Yahoo بودند. در آن زمان مردم موتورهاي جستجو را به ديد يک ليست فهرست شده نگاه مي‌کردند که همانند صفحه زرد، سئو اوليه بر اساس حروف الفبا انجام مي‌شد. در اين ليست صفحاتي همچون AAA در بالاي اين ليست وجود داشتند. با رشد مداوم اينترنت موتورهاي جستجوي جديد‌تري ظاهر مي‌شدند که از الگوريتم‌هاي رتبه‌بندي پيچيده‌تري استفاده مي‌کردند. اين الگوريتم‌ها با معيار تراکم کلمه کليدي ( تعداد دفعاتي که يک کلمه کليدي يا يک عبارت در يک صفحه استفاده شده تقسيم بر تعداد کل کلمات صفحه) و برچسب‌هاي شبيه key-words براي فهم محتويات وب سايت‌ها استفاده مي‌کردند. به دنبال اين رشد سئوبراي بيشتر ديده شدن سايت‌ها فعاليت خود را شروع کرد. با توسعه رتبه‌بندي صفحات توسط موتور‌هاي جستجو، مهندسين سئو به دنبال پيدا کردن راه‌هايي جهت تاثيرپذيري در رتبه بندي اين موتورها چه با استفاده از روش‌هاياخلاقي و چه غير اخلاقي روي آوردند.

يک مقاله که توسط نيويورک تايمز در نوامبر سال 1996 چاپ شد راجع به توسعه‌دهندگان وب صحبت کرد که براي قرار گرفتن در بالاي صفحه نتايج جستجو از روش‌هاي غير اخلاقي سئو استفاده مي‌کردند. اين مقاله توضيح مي‌دهد که چگونه توسعه‌دهندگان وب به راحتي يک سايت را به همراه کلمات کليدي ويژه که معمولا در پشت گرافيک سايت پنهان شده است، بارگذاري مي‌کنند که در نتيجه موتورهاي جستجو اين کلمات کليدي را شمارش کرده و رتبه بندي سايت را افزايش مي‌دهند.

همان طور که گفته شد بدست آوردن رتبه‌بندي بالا براي کلمات کليدي خاص در اوايل کار خيلي راحتي نسبت به امروز بوده است. با بکار گيري روش‌هاي غير اخلاقي در آن زمان قرار گرفتن در بالاي ليست نتايج جستجو تضمين شده بود. امروزه الگوريتم‌هاي موتورهاي جستجو پيچيده‌تر شده‌اند و خيلي سخت است که مهندسين بهينه‌سازي بتوانند موتورهاي جستجو را دستکاري کنند، البته اين بازي موش و گربه بين مهندسين سئو و موتورهاي جستجو امروزه نيز وجود دارد و ادامه پيدا خواهد کرد.

 

اهداف سئو چیست ؟

هدف سئو کمک به وب سايت‌ها در بدست آوردن محل بالا در نتايج جستجوي طبيعي و افزايش ارتباط بين صفحات و کلمات کليدي وارد شده توسط کاربران است. نمايش دادن بيشترين صفحات مرتبط با پرس‌و‌جوي جستجوي وارد شده داراي مزاياي زيادي هم براي کاربر و هم براي موتور جستجو است که در آن کاربر بيشترين نتايج مرتبط جستجو شده را پيدا مي‌کند و موتور جستجو قابل اعتماد مي‌شود چرا که الگوريتم آن بيشترين صفحات مرتبط را نشان مي‌دهد.

بعد از اينکه سئو براي بهبود رتبه‌بندي سايت‌ها در نتايج جستجوي طبيعي کار خود را شروع کرد، اين فرآيند نيازمند دانش و زمان براي پياده‌سازي روش‌هاي خود شد. زمان، بزرگ‌ترين سرمايه‌گذاري اوليه براي بهينه شدن سايت و يا يک صفحه است. بسته به اينکه چگونه کلمات کليدي رقابتي در بهينه سازي مورد استفاده قرار مي‌گيرند، سئو هفته‌ها يا ماه‌ها طول مي‌کشد تا به نتيجه برسد. اگر چه ممکن است نتايج بهينه‌سازي جستجو به سرعت ديده نشود ولي در دراز مدت مزاياي سئو باعث افزايش رتبه‌بندي سايت و افزايش بازديدکنندگان است. براي وب سايت‌ها خيلي مهم است که در صفحه اول نتايج جستجو گوگل به خصوص جزو سه تا نتيجه طبيعي اول که 58.4 درصد کليک‌ها را شامل مي‌شود، قرار گيرند.

اين جاي تعجب نيست که وب سايت‌ها با محصولات و خدماتي که بفروش مي‌رسانند بر سر رسيدن به رتبه يک نتايج جستجو رقابت کنند. به عنوان مثال کلمه کليدي رقابتي “بيمه خودکار” 1.5 ميليون جستجوي گوگل را در ماه به خود اختصاص مي‌دهد، اين بدين معني است که 3 جايگاه اول 58.4 درصد بازديدکنندگان و خود جايگاه اول 36.4 درصد بازديدکنندگان را به خود اختصاص مي‌دهد. اين مسئله براي خيلي از سايت‌ها سودمند است که در بالاي نتايج جستجو قرار گيرند به خصوص آنهايي که با افزايش ترافيک سايت به تعداد مشتريانشان اضافه مي‌شود.

يک مطالعه ديگر نشان مي‌دهد جستجو کنندگان خيلي دوست دارند روي پيوندهاي طبيعي نتايج جستجو کليک کنند؛ اين مطالعه مشخص مي‌کند 72.3 درصد کاربران گوگل روي پيوندهاي طبيعي نتايج جستجو کليک مي‌کنند و تنها 27.3 درصد کاربران روي پيوندهاي ليستهاي پرداخت شده کليک مي‌کنند. اين يکي ديگر از دلايلي است که شرکت‌ها تاثير سئو را دانسته و حاضر هستند براي آن زمان و هزينه صرف کنند.

 

بطور کلی اهداف سئو را می توان بصورت زیر خلاصه نمود:

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

 

سئو درون صفحه چیست ؟ (On Page SEO)

سئو درون صفحه به کنترل مستقيم کدها و يا محتويات وب سايت شما اعم از متن، تصوير، پيوند و … مرتبط مي‌شود؛ به طور کلي هر چيزي که در سايت خود بارگذاري مي‌کنيد مربوط به SEO On Page مي‌شود. اين روش پايه تمام تلاش‌هاي بهينه‌سازي است زيرا جايي است که شما بيشترين کنترل را روي آن داريد. هر گونه تغييري را که شما در محتويات سايت خود ايجاد مي‌نماييد در نتايج جستجو تاثير گذار خواهد بود بنابراين خيلي مهم است که روش SEO On Page بدرستي قبل از روش SEO Off Page انجام شود.

 

سئو بیرون صفحه چیست ؟ (Off Page SEO)

بر خلاف روش SEO On Page که توسعه وب سايت با کنترل مستقيم بالايي انجام مي‌شد، روش بهينه سازی بیرون صفحه شامل تمام ارتقاهايي است که در خارج از وب سايت شما انجام مي‌شود؛ اين شامل تمام چيزهايي است که مي‌تواند در بدست آوردن رتبه‌بندي بالاي سايت شما کمک کند. SEO Off Page در درجه اول در بدست آوردن پيوند دهندگان (پيوندهايي که از سايت‌هاي ديگر به سايت شما اشاره مي‌کنند) متمرکز مي‌شود سپس با استفاده از روش‌هايي که در خارج از وب سايت انجام مي‌شود به بهينه‌سازي موتور جستجو مي‌پردازد.

SEO Off Page يک فرآيند نامحدود است که توسط مهندسين سئو در جهت بدست آوردن پيوند دهندگان، اداره مي‌شود.

 

سئو کلاه – سفيد چیست ؟ (White Hat)

در اصطلاحات فني اين حوزه، سئو کلاه – سفيد به مجموعه تکنيک‌ها، روش‌ها و استراتژي‌هاي که از قوانين و راهنمايي‌هاي موتورهاي جستجو تبعيت مي‌کنند، اشاره دارد. که اين به معني فريب يا دستکاري موتور‌هاي جستجو و يا کاربران به هيچ وجه نيست. اين همچنين به سئو اخلاقي نيز ياد مي‌شود زيرا دليل آن اين است که يا اجراي بلند مدت داشته و يا از دستورالعمل‌ها و سياست‌هاي صحيح جهت بدست آوردن رتبه‌هاي بالا در نتايج موتور‌هاي جستجو استفاده مي‌کند.

 

سئو کلاه – سیاه چیست ؟ (Black Hat)

به عبارتي ديگر اصطلاح سئو کلاه – سياه اشاره به مجموعه‌اي از دستورات دارد که به منظور فريب، بازي و دستکاري الگوريتم‌هاي موتورهاي جستجو با هدف بدست آوردن رتبه‌بندي بالا، بکار مي‌رود. اين مهم است که بدانيد اين‌ روش‌ها غير اخلاقي بوده و توسط هيچ موتور جستجويي تاييد نمي‌شود و بکارگيري اين روش‌ها خطر خارج شدن از فهرست پايگاه داده را براي هميشه در بر دارد. انجام تاکتيک‌هاي سئو کلاه – سياه ممکن است که باعث افزايش رشد ناگهاني در نتايج جستجو شود ولي مي‌تواند منجر به پرداخت جريمه و يا حذف کامل از فهرست پايگاه داده موتور جستجو شود.

 

در زیر به برخی از مقالات در زمینه بهینه سازی موتور جستجو اشاره شده است:

پژوهشی در استراتژی های بهینه سازی موتور جستجو برای توسعه وب سایت های بزرگ

در این پژوهش محقق معتقد است که هنگامی که پیاده سازی وب سایت به پایان می رسد مشکلی که خیلی از شرکت ها با آن مواجه هستند این مسئله است که نمی دانند که چگونه وب سایت خود را در اینترنت معرفی نماید که بهترین روش برای معرفی وب سایت بهنیه سازی موتور جستجو است. در این تحقیق بر اساس 77 معیاری که از منابع مختلف و موتورهای جستجو بررسی نموده است استراتژهای بهینه سازی برای توسعه وب سایت را بصورت زیر معرفی می نماید:

بهبود ساختار سایت
استراتژی کلمات کلیدی
استراتژی URL
بهینه سازی کد
پردازش کردن متن
بهینه سازی لینک های ورودی
استراتژی نام دامنه و هاست
آنالیز تکنیک های بهینه سازی موتور جستجو

این پژوهش استراتژی بهینه سازی شرکت های گوگل و مایکروسافت را بررسی و توضیح داده است و موردی که جهت مطالعه و آنالیز قرار داده است، استراتژی های مربوط به شرکت مایکروسافت است. مهمترین معیارها برای بهینه سازی موتور جستجو از نظر محقق عبارتند از:

اضافه کردن Allow یا DisAllow به نقشه سایت
اضافه کردن URL به نقشه سایت
اضافه کردن نقشه سایت به robots.txt
استفاده از ابزارهای آنالیز جهت crawl
بهینه سازی موتور جستجو جهت افزایش بهبود رویت وب سایت

 

در این تحقیق محققین عواملی که در افزایش رتبه سایت تاثیر دارند را به 3 سه بخش تقسیم بندی می کنند:

شرکت های دارنده موتور جستجو: جستجوکنندگان در صفحات موتورهای جستجو یک پرس و جو را اجرا می کنند سپس نتیجه آن در صفحه نتایج موتور جستجو نمایش داده می شود.

وب مسترها و شرکت های بهینه سازی موتور جستجو: شرکت هایی که با استفاده از یکسری ابزار و مهارت ها تلاش می کنند رتبه وب سایت ها را در صفحه نتایج موتور جستجو افزایش دهند

جستجو کنندگان در موتورهای جستجو: افرادی هستند که در موتورهای جستجو بدنبال یافتن اطلاعات مورد نظرشان هستند.

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

 

بهینه سازی موتور جستجو: مفاهیم آنالیز فنی

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

تکنیک هایی که در این تحقیق برای بهینه سازی عنوان شده است عبارتند از:

افزایش لینک های خارجی
تغییر اسم فایل ها
لینک یک طرفه
کلمات کلیدی
استفاده از Meta Tag
استفاده صحیح از عنوان
استفاده از robots.txt
بهینه سازی محتوا