host3nter

سئو و طراحی پارالکس سایت ها

پارالکس جزء جدیدترین تکنیک‌ها در طراحی وب است که درون بسیاری از وب‌سایت‌ها از ...

موضوع سئو و طراحی پارالکس سایت ها,.

مباحث و منابع آموزشی, هاست و سرور, وب هاستینگ ایران

تاريخ ارسال:2014/08/27

هاست سنتر پارالکس جزء جدیدترین تکنیک‌ها در طراحی وب است که درون بسیاری از وب‌سایت‌ها از قبیل Awwwards و theFWA به چشم می‌خورد. برخی از نویسندگان مقالات عنوان می‌کنند که طراحی پارالکس با اصول اساسی سئو همخوانی ندارد و ایدئال موتورهای جستجو نیست. موضوع این است که پارالکس فقط یک تکنیک طراحی وب است و درصورتی‌که به شکل صحیح پیاده‌سازی شود، می‌تواند کاملاً برای موتورهای جستجو ایدئال باشد. در ادامه لیستی از سایت‌های پارالکسی ارائه می‌کنیم که اتفاقاً تمامی‌شان کاملاً با اصول سئو همگام هستند؛ با بررسی چنین وب‌سایت‌هایی می‌توانید با این تکنیک در سایه سئو آشنا بشوید. تعریف پارالکس و ریشه آن طراحی پارالکس ابتدا در صنعت بازی‌های ویدئویی و به‌عنوان یک تکنیک “جلوه‌های ویژه” مطرح شد تا مخاطبان بازی‌ها، عمق تصویر را احساس کنند. تعریف ویکی‌پدیا از پارالکس به این صورت است: “طراحی پارالکس نوعی تکنیک خاص برای حرکت درون صفحه در برنامه‌های گرافیکی کامپیوتری است که در آن دوربین تصاویر پس‌زمینه را قدری آهسته‌تر حرکت می‌دهد تا بیننده تصور کند تصویر عمق پیداکرده است.” سایت CreativeBloq که از فعالان حوزه طراحی وب است هم این تعریف را ارائه کرده: “یکی از محبوب‌ترین تکنیک‌های طراحی وب در حال حاضر روش پارالکس است که در آن تصویر پس‌زمینه نسبت به تصاویری که بر روی آن قرارگرفته‌اند با سرعت کمتری حرکت می‌کند تا نوعی افکت سه‌بعدی ایجاد شود. چنین تکنیکی شاید در ابتدا گیج‌کننده به نظر برسد، اما درصورتی‌که به شکل صحیح اجرا شود، می‌تواند عمق جالبی به تصویر ببخشد.” در حقیقت در طراحی پارالکس، لایه‌ها با سرعت مختلفی حرکت می‌کنند و کاری به ساختار وب یا طراحی یک صفحه خاص نداریم. روش‌های رایج فعلی تکنیک پارالکس را بار اول، ایان کویل در سال ۲۰۱۱ بر روی سایت کمپانی نایک پیاده‌سازی کرد و این روزها توانسته طرفداران خاص خودش را پیدا کند. اکثر سایت‌های پار الکسی با اصول سئو همخوانی ندارند باید ببینیم دلیل این ادعا چیست؟ اینکه بیشترشان از اصول سئو پیروی نمی‌کنند، دلیل خوبی نیست که نتیجه بگیریم نمی‌توانند پیروی کنند. مثال‌های زیر را در نظر بگیرید: ۲۰ سایت برتر ۲۰۱۳ با طراحی پارالکس ۳۵ سایت نمونه با طراحی پارالکس سایت های پارالکسی Awwwards بسیاری از این سایت‌ها معماری وب تک‌صفحه‌ای دارند، درنتیجه بسیاری از افراد دچار سوءتفاهم شده‌اند که طراحی پارالکس فقط به سایت‌های تک‌صفحه‌ای محدود می‌شود. اما چطور می‌توان تکنیک‌های پارالکس و سئو را باهم تلفیق کرد؟ چطور یک سایت پار الکسی طراحی کنیم که موتورهای جستجو هم دوستش داشته باشند؟ قبل از هر چیز باید چند نکته را در نظر داشته باشیم: • طراحی پارالکس نوعی تکنیک طراحی است که لایه‌های مختلف محتوا، عکس یا تصاویر پس‌زمینه را با سرعت‌های مختلف حرکت می‌دهد. • اصول اساسی سئو مثل تهیه schema، تعبیه آدرس داخل فوتر و … در این حالت هم کاربرد دارند. بهتر است کار را با یک معماری سئوپسند شروع کنید و در مرحله آخر، طراحی را بر روی معماری اعمال کنید. • تکنیک پارالکس برای نسخه‌های موبایلی سایت‌ها چندان ایدئال نیست؛ سایت را بیش‌ازحد سنگین می‌کند و بهتر است از نسخه‌های موبایلی حذف شود. در حالت کلی سه تکنیک وجود دارد؛ مثال‌های زیر وب‌سایت‌های پارالکسی را معرفی می‌کند که کاملاً یا تا حدود زیادی با اصول سئو همگام هستند: تکنیک #۱: طراحی سایت “تک‌صفحه‌ای” با استفاده از Jquery: این فایل آموزشی را کوین الن، متخصص ارشد سئوی کمپانی iProspect آماده کرده و در آن نحوه تلفیق سئو و پارالکس را با استفاده از Jquery توضیح داده است؛ این تکنیک سایت‌های تک‌صفحه‌ای پارالکسی را به نحوی دست‌کاری می‌کند که برای موتورهای جستجو هم ایدئال بشوند. ازآنجاکه تعداد سایت‌های پارالکسی تک‌صفحه‌ای خیلی زیاد است، این تکنیک را اول‌ازهمه معرفی کردم. توجه داشته باشید که سایتی که کوین مثال زده واقعاً پارالکسی نیست؛ چون آیتم‌ها را با سرعت‌های مختلف حرکت نمی‌دهد؛ بااین‌وجود این مثال را هم در لیست قراردادم چون می‌توانیم تکنیکش را بر روی بسیاری از سایت‌های پارالکسی تک‌صفحه‌ای اعمال کنیم. وبلاگ مدیران وب گوگل هم اخیراً مقاله‌ای تحت عنوان طراحی نامتناهی همگام با موتورهای جستجو منتشر کرده و مسائل مطرح‌شده در مقاله کوین را با جزئیات بیشتری موردبررسی قرار داده است. پیشنهاد می‌کنم حتماً هر دو مقاله را مطالعه کنید. درواقع در این تکنیک از قابلیت “PushState” در Jquery استفاده می‌کنیم تا صفحه موردنظر به چند بخش تفکیک شود و هرکدام با URL و متادیتای منحصربه‌فرد خودشان داخل صفحات نتایج جستجو ظاهر بشوند. درنتیجه یک صفحه مشخص به ازای بخش‌های مختلف محتوا چند بار اندیس گذاری می‌شود. مزایا: برای سایت‌های پارالکسی تک‌صفحه‌ای که تمایل دارند تکنیک‌های سئو را اجرا کنند، گزینه بسیار مناسبی است؛ سایت‌های کوچکی که چندان به عملکرد سایتشان بها نمی‌دهند هم می‌توانند بر روی همین تکنیک منعطف باشند. معایب: عملکرد ضعیف سایت؛ ازآنجاکه حرکت داخل سایت و چک کردن محتوا واقعاً سریع اتفاق می‌افتد، کاربران مدت بسیار کمی داخل سایت باقی می‌مانند که برای سایت نکته مثبتی نیست. FlowerBeauty.com این سایت هم هرچند با تعریف سایت‌های پارالکسی همخوانی ندارد، بااین‌وجود از تکنیک طراحی نامتناهی Jquery استفاده می‌کند. FlowerBeauty.com به کاربران امکان می‌دهد داخل کل سایت یا URL های مختلف آن بچرخند. درنتیجه ازآنجاکه لایه‌های مختلف را با سرعت‌های مختلف حرکت نمی‌دهد، جزء دسته‌بندی سایت‌های پارالکسی قرار نمی‌گیرد، ولی ازآنجاکه کاملاً به چشم می‌آید، داخل لیست قرارگرفته است. تکنیک #۲: طراحی پارالکسی سایت‌های چندصفحه‌ای بر روی معماری سئو این تکنیک واقعاً ساده است: کار را با معماری سئوی سایت شروع می‌کنیم و افکت‌های طراحی پارالکس را بر روی هرکدام از URL های سئو اعمال می‌کنیم. واندا انگلین هم مقاله کاملی دراین‌باره نوشته است. وب‌سایت xDawson (که جزء معدود سایت‌های چندصفحه‌ای پارالکسی منطبق بر اصول سئو است)، ابتدا معماری سئو را کامل کرده (درواقع حتی بیش‌ازحد لازم بهینه‌سازی شده!) و بعدازآن تکنیک پارالکس را بر روی URL های داخلی‌اش اعمال کرده است. البته باوجوداینکه لایه‌ها با سرعت‌های مختلف حرکت می‌کنند، بیننده احساس نمی‌کند تصویر عمق دارد یا یک داستان متحرک می‌بیند. درنتیجه هرچند جزء دسته‌بندی سایت‌های پارالکسی قرار می‌گیرد، بااین‌حال تکنیک را به آن صورت که امروز مرسوم شده به کار نمی‌برد. مزایا: عملکرد ... هاست,دامین,سایت,وب,طراحی

ایجاد بک گراند متغییر

معرفی منوی فروشگاه در ویرچومارت

ثبت نام در دوره آموزشی و نمایش در ناحیه کاربری

ساخت نرم افزاری مثل msqrd(پردازش چهره انلاین) با جاوا اسکریپت تحت وب

آموزش : Looking for harker to pay for a job.

چند مشکل ساده

آموزش تصویری نصب و کانفیگ کامل Mod_Security در سرور لینوکس

سئو, و, طراحی, پارالکس, سایت, ها

سئو و طراحی پارالکس سایت ها

میزبانی وب ,هاست,فضای وب,ویندوز,لینوکس,دات نت,پی اچ پی,web hosting,windows host,linux host,asp.net,php,sql server,mysql میزبان پایتخت ارائه دهنده خدمات میزبانی وب، هاست و هاستینگ، میزبانی هاست، دامین، میزبانی نمایندگی، نمایندگی وب، سرور مجازی و سرور مجازی ابری می باشد.هاست,میزبانی وب,دامین,سرور مجازی,میزبان پایتخت,host,domain,vps,mizban paytakht,hosting,share hosting,میزبان وب,میزبانی هاست,هاستینگ

google
logo-samandehi