بهمن ۶, ۱۳۹۴

۶ اشتباه طراحی که سئو وب سایت شما را نابود می‌کند(قسمت اول)

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

اما ممکن است چنین وب‌سایت‌هایی برای موتور‌های جست‌و‌جو بهینه نباشند. در نتیجه با دیده نشدن سایت شما در موتور‌های جست‌و‌جو، میزان بازدید آن نیز بسیار کاهش خواهد یافت. پس می‌توان نتیجه گرفت که طراحی وب‌سایت شما رابطه مستقیمی با میزان دیده شدن و فروش شما دارد. طبق تحقیقات انجام شده، ۹۴% از نظرات کاربران ارتباط مستقیمی با عناصر طراحی سایت دارد.

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

در این میان لیستی از اشتباهات طراحی وجود دارند که به شدت به سئو سایت آسیب می‌رسانند که در ادامه به بررسی آن‌ها می‌پردازیم.

۱) قرار دادن اطلاعات مهم در داخل تصاویر و عدم بهینه‌سازی عناصر داخل صفحه

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

اجزای رتبه بندی گوگل

با این که محتوای تصویری بهتر از متن‌ها به نظر می‌رسند، اما موتور‌های جست‌و‌جو توانایی پیدا کردن کلمات کلیدی در آن‌ها را ندارند. فراموش نکنید که ۱۵% از الگوریتم رتبه‌بندی گوگل، به استفاده از کلمات کلیدی داخل در متن صفحه وب‌سایت اختصاص یافته است. بنابر‌این عنوان مطلب شما (بین ۵۰ تا ۶۰ کارکتر)، توضیحات متا (بین ۱۵۰ تا ۱۶۰ کارکتر) و کلمات کلیدی از عناصر مهم سئو در طراحی وب‌سایت محسوب می‌شوند.

برای مثال وب‌سایت running shoes به خوبی برای کلمات کلیدی بهینه‌سازی شده است.

کلمات کلیدی

پس از بهینه‌سازی عناصر داخل صفحه باید تصاویر خود را نیز بهینه‌سازی کنید. زیرا این موضوع بیش‌از آن‌چه که تصورش را می‌کنید با اهمیت است. وب‌سایتی که به طور مناسب بهینه‌سازی شده باشد، حدود ۲۰ الی ۶۰ درصد از کل ترافیک خود را توسط موتور‌های جست‌و‌جو به دست خواهد آورد. برای بهینه‌سازی تصاویر خود ۴ نکته زیر را به یاد داشته باشید:

۱) با دقت از تگ جایگزین برای تصاویر و عناصر بصری خود استفاده کنید. این موضوع به موتور‌های جست‌و‌جو در درک بهتر مطالب داخل تصویر کمک می‌کند.

۲) از قرار دادن تصاویر به جای آیتم‌های منو اجتناب کنید. این کار علاوه ‌بر دشوار‌تر کردن درک تصاویر برای موتور‌های جست‌و‌جو، طراحی وب‌سایت شما را نیز برای گوشی‌های هوشمند نامناسب خواهد کرد. وب‌سایت Swansonvitamins.com به خوبی لینک تمامی صفحات خود را به صورت متنی در فوتر خود قرار داده است.

هم‌چنین در مثال زیر می‌توانید مشاهده کنید که چگونه اپل لینک تمامی صفحات مهم خود را به صورت متنی گروه‌بندی کرده است.

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

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

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

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

در نهایت شما برای مشاهده وب‌سایت خود از دید موتور‌های جست‌و‌جو می‌توانید از ابزاری مانند وب‌سایت SEO-Browser.com استفاده کنید. این ابزار به خوبی عناصر قابل مشاهده و غیر قابل مشاهده وب‌سایت‌تان برای موتور‌های جست‌وجو را به شما نمایش می‌دهند.

SEO-Browser

۲) توجه نکردن به کاربران گوشی‌های هوشمند

جالب است بدانید که مشتریان شما ۶۹% از زمان خود را توسط گوشی‌های هوشمند صرف گشت‌و‌گذار در اینترنت می‌کنند و ۷۸% از جست‌و‌جو‌ها توسط گوشی‌های موبایل به یک خرید آفلاین منجر می‌شود. پس بدیهی است که وب‌سایت شما باید واکنش‌گرا باشد.

وب سایت‌های واکنش‌گرا

گوگل در آپدیت الگوریتم خود در مارس ۲۰۱۵، رتبه وب‌سایت‌های غیر موبایل‌فرندلی را کاهش داد. در نتیجه وب‌سایت‌های واکنش‌گرا به میزان ۱۲% بیشتر در معرض دید قرار گرفتند و در مقابل وب‌سایت‌های غیر‌واکنش‌گرا به میزان ۵% در جست‌و‌جو‌ها تنزل یافتند.

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

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

یکی از گزینه‌ها می‌تواند استفاده از یک سیستم مدیریت محتوا مانند ورد‌پرس باشد. این سیستم به سادگی قابل راه اندازی است و با استفاده از آن کافی است که یک قالب واکنش‌گرا برای خود انتخاب کنید. همچنین شما می‌توانید قالب‌های واکنش‌گرای بهتری را از فروشگاه‌هایی مانند StudioPress و ThemeForest تهیه کنید.

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

۱) Mobile-Friendly Test : کافی است شما آدرس وب‌سایت مرد نظر خود را وارد کرده و گزینه آنالیز را انتخاب کنید. اگر وب‌سایت شما به خوبی با نمایشگر‌های مختلف سازگار باشد، پیامی سبز رنگ به شما نمایش داده خواهد شد.

در غیر این صورت پیامی قرمز رنگ به همراه چند پیشنهاد برای بهبود واکنش‌گرایی در معرض دید شما قرار خواهد گرفت.

۲) Robots Testing Tool: هر خطا در robots.txt میزان دیده شدن وب‌سایت شما به میزان قابل توجهی کاهش می‌دهد.
ربات تست

ابزار روبات تست کننده گوگل به شما نشان می‌دهد که چگونه گوگل در میان فایل robots.txt شما به جست‌و‌جو می‌پردازد و چه خطاهایی در این راه وجود دارد. در مثال زیر گوگل به تصاویر و قالب دایرکتوری دسترسی ندارد و در نتیجه این وب‌سایت با گوشی‌های هوشمند سازگار نخواهد بود.

همچنین شما می‌توانید از ابزار رایگانی مانند changedetection.com برای آگاه شدن از تغییرات فایل robots.txt خود استفاده کنید.

۳) PageSpeed Insights : همانطور که می‌دانید سرعت اتصال به اینترنت در گوشی‌های همراه کند‌تر است و کاهش سرعت وب‌سایت شما می‌تواند باعث از دست رفتن مشتریان‌تان شود. PageSpeed Insights یک ابزار بسیار مفید است که مبتنی بر سرعت وب‌سایت عمل می‌کند و پیشنهاداتی را برای افزایش سرعت وب‌سایت شما ارائه می‌کند.

سرعت وب‌سایت

طبق آمار به دست آمده از سال ۲۰۱۳، ۴۷% از پیام‌های بازاریابی با گوشی‌های هوشمند رویت شده‌اند. پس واکنش‌گرایی امری مهم در آینده کسب‌و‌کار شما خواهد بود.

۳) وجود خطای ۴۰۴

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

اما از طرفی سفارشی کردن صفحاتی که با خطای ۴۰۴ مواجه شده‌اند، می‌تواند روش بسیار موثری برای افزایش تعداد صفحات ایندکس شده باشد. تک‌کرانچ با این روش در عرض یک ماه تعداد بازدید‌های خود را به میزان ۹% افزایش داد. همچنین شما می‌توانید همانند وب‌سایت ModCloth، لینک‌هایی را به صفحات محبوب ایجاد کنید.

خطای 404

اما فراموش نکنید که در این صفحات علاوه بر لینک‌های مورد نظر، حتما لینکی را برای بازگشتن به صفحه اصلی خود اختصاص دهید. برای مثال وب‌سایت Devian Art از این روش استفاده کرده است.

یک صفحه ۴۰۴ که به خوبی طراحی شده باشد، می‌تواند نظر کاربران ناراضی را تغییر دهد و حتی آن‌ها را تشویق به ایجاد اشتراک ایمیل کند.

شما باید بسیار مراقب صفحاتی با خطای ۴۰۴ خود باشید. به خصوص هنگامی که وب‌سایت خود را دوباره راه‌اندازی می‌کنید. بن کوک و تیم او یک فرم تماس در صفحه ۴۰۴ خود قرار داده‌اند. زیرا به دلیل قدیمی بودن ساختار وب‌سایت، صفحات و فایل‌های بسیاری از دسترس خارج شده بود و مشاهده صفحه خطای ۴۰۴ امری اجتناب ناپذیر بود.

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

خطای 404

قسمت دوم این مطلب

نظرتان را بنویسید

لطفا نام خود را وارد کنید.
لطفا نظرات خود را وارد کنید

لورم ایپسوم یا طرح‌نما به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.
موارد ویژه
رنگ پوسته
امکانات طرح بندی
Layout patterns
تصاویر طرح جعبه
header topbar
header color
header position