آموزش وردپرس
خانه / سئو و بهینه سازی سایت / آموزش گام به گام / چرا طراحان وبسایت باید سئو یاد بگیرند؟
طراحی سایت و سئو

چرا طراحان وبسایت باید سئو یاد بگیرند؟

بر اساس یک نظر سنجی معتبر انجام شده ، از هر ۱۰ نفر ۱ نفر از طراحان وب سایت اجباری در بهینه سازی و سئو( SEO ) یک سایت و یا حتی سایت طراحی شده توسط خود نمیبیند و چیز جالب و عجیب و قطعا شگفت انگیز قضیه این است که حدود %۲۴ حتی نمی دانند  SEO چیست ! (که در صورت رخ دادن چنین اتفاقی ممکن است نیمی از هزینه ها و زمان وبمسترها به هدر برود)

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

چرا طراحان وب سایت باید سئو و بهینه سازی را یاد بگیرید؟

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

  • به این نکته توجه کرده اید مهاجمان نوک دنیای فوتبال در حال انقراض و نابودی هستند و نقش بازیکنان چند پسته روز به روز در فوتبال روز دنیا بیشتر و بیشتر می شود! پس یک طراح وب سایت هم باید بر سئو و بهینه سازی تسلط کافی را داشته باشد!

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

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


وابستگی های سئو و طراحی سایت :

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

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

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

  4. استفاده صحیح از کد HTML: برای تولید سایت خود از برنامه هائی مانند MSWord استفاده نکنید. صفحات تولید شده در این برنامه بیشتر شامل اطلاعات مربوط به بنگ و فونت و قالب صفحات می باشد. در این حالت ربات موتور جستجو بجای اینکه به اطلاعات سایت شما دسترسی داشته باشد ، در درجه اول اطلاعات نمایشی سایت را می گیرد و بعد از آن اطلاعات اصلی را . این می تواند در نحوه گردآوری اطلاعات سایت برای ثبت در موتور جستجو اختلال ایجاد نماید. یک راه استفاده از برنامه هائی چون Dream Weaverاست . این برنامه اطلاعات مربوط به نوع نمایش اطلاعات را در یک فایل CSS ذخیره کرده و در ابتدای صفحه سایت شما آنرا مورد استفاده قرار می دهد. به این ترتیب در صورت لزوم و در زمان نمایش این فایل خوانده می شود و ربات موتور جستجو مشکلی پیدا نمی کند. علاوه بر این استفاده از کد HTML نادرست در صفحه سایت می تواند باعث بروز مشکل در ربات موتور جستجو شود هرچند که در نمایش سایت شما توسط مرورگرهای مختلف ایجاد اشکال نکند.

  5. انتخاب نام دامنه مناسب : یک قانون طلائی در این مورد داریم که می گوید کاری کنید که در ذهن بازدیدکننده خود باقی بمانید. یکی از راههای عمل به این قانون طلائی استفاده از نامهای مناسب برای نام سایت است. اسم سایت شما می تواند نام کسب و کار شما باشد یا نام فعالیتی باشد که شما انجام می دهید. هیچگاه از اسامی طولانی و جمله ها برای ثبت نام سایت خود استفاده نکنید. علاوه بر این اگر می خواهید به هر دلیلی نام دامنه خود را عوض کنید، برای اینکه رتبه قبلی سایت را از دست ندهید بهتر است از سرویس Forwarding سایت قبلی استفاده کرده و نام قدیم را به آدرس جدید  Forward کنید.

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

  7. بهینه سازی تصاویر همواره بخشی از بهینه سازی داخلی سایت (On Page Seo) بوده و هست و خیلی ساده در یک جمله به این معنی است که تصاویر وب سایت، دارای مقدار alt و title باشند و عکس ها، داری حجم بی رویه زیادی نباشند و نام فایل تصویر، مرتبط با موضوع آن باشد و برای تصاویر بی موضوع و ابزاری نیز نباید استفاده شود.

seo-codes
چرا طراحان وبسایت باید سئو یاد بگیرند؟

alt مخفف Alternative Text به معنای متن جایگزین است که به خزنده ها کمک می کند که مفهوم و موضوع عکس را متوجه شوند.نتایج حاصل از جستجو در بخش تصاویر گوگل و همه موتور های جستجو تحت تأثیر مشخه alt و title تصاویر است.البته در بخشی از الگوریتم جستجوی یافتن تصاویر به بخصوص در گوگل، بحث پردازش تصویر (Image Processing) نیز وجود دارد.اما همچنان ضعیف است و هنوز فناوری جستجوی تصاویر مرتبط با عبارت یا کلمه جستجو شده، در موتور های جستجو مبتنی بر alt و title تصاویر است.در نتیجه در صورتی که همین دو گزینه را برای تصاویر خود فراموش کنید، ترافیک و بازدید زیادی که از جستجوی تصاویر گوگل و موتور های جستجو حاصل می شود را از دست می دهید.

title هر تصویر نیز همان tooltip است که وقتی با نشانگر موس روی عکس صبر کنید نمایش داده می شود.

<img src=”https://seorooz.net/x.jpg” alt=”بهینه سازی تصاویر” title=”بهینه سازی تصاویر” />

از آنجا که در PHP از همان کنترل های HTML استفاده می شود، کد بالا برای راهنمایی طراحان سایت و برنامه نویسان، کفایت می کند.اما برای ASP.NET معمولا از کنترل Image خود دات نت استفاده می شود.این کنترل، یک Property به نام Alternative Text دارد که همان alt است و یک Property به نام Tooltip دارد که همان title است.

نکات مهم در بهینه سازی تصاویر:

  • نام فایل تصویر را به صورت انگلیسی ترجمه شده، مرتبط با موضوع تصویر قرار دهید و کاراکتر های فاصله و غیر مجاز در آن به کار نبرید.زیرا تصاویر بخشی از آدرس شما می شوند .

  • برای مشخصه alt و title هم از تکرار کلمات کلیدی بیهوده پرهیز کنید.

  • برای تصاویر نمادین و کلا تصاویری که معنی ندارند و صرفا خاصیت icon  و ابزاری دارند و alt و title برای آنها بی معنی است، اصلا از alt و title استفاده نکنید.نمونه اینگونه تصاویر را می توان مثلا به کلید گزارش مشکل یا خرابی اشاره کرد.برای مثال سایت های دانلود معمولا یک کلید یا لینک درباره گزارش خرابی لینک دارند.هر گونه تصویری که مرتبط با گزارش خرابی لینک باشد، نباید برای آن از alt و title استفاده کنید.گوگل و موتورهای جستجو، نیازی به درک کلید گزارش خرابی لینک دانلود سایت شما ندارند! و اصلا نباید خزنده ها را به اینها مشغول کنید.قرار نیست ۱۰۰ درصد تصاویر شما alt داشته باشند.متاسفانه عده ای با مراجعه به سایت های تحلیل سئو مثل www.woorank.com وقتی مشاهده می کنند که سایتی دارای تصاویر بدون alt است، فکر می کنند که ضعفی در کار است و یا برعکس وقتی همه تصاویر خود، حتی تصاویر بیهوده خود را با alt مقدار دهی می کنند با افتخار می گویند که تصاویر سایت ما ۱۰۰% بهینه شده است! استفاده بیش از حد از alt و بهینه سازی تصاویری که متن جایگزین واقعا برای آنها بیهوده است، حتی می تواند در سئوی شما مضر باشد.

  • موضوع مهم دیگر، حجم تصاویر است.حجم تصاویر ارتباط مستقیمی با سرعت بارگذاری صفحات و دفع کاربر( که در سئو موثر هستند) دارد.اشتباه رایجی که در بسیاری از وب سایت ها وجود دارد عدم استفاده از تصویر thumbnail برای نمایش در لیست هاست.تصویر thumbnail نسخه دیگری از تصویر است که حجم و اندازه آن کاهش یافته است.برای مثال فرض کنید شما یک فروشگاه اینترنتی فروش موبایل و تبلت دارید؛ در هر صفحه از محصولاتتان، طبیعتا تصاویری بزرگ و با کیفیت از موبایل را دارید.وقتی کاربر وارد گوشی huawei mate می شود، یک تصویری بزرگ ۱۰۰ کیلوبایتی به کاربر نشان می دهید.(فرض کنید هر موبایل فقط یک تصویر دارد) . حالا اگر به لیست محصولات گوشی huawei مراجعه کنید، از نظر سئو و کلا استاندارد طراحی سایت به دو حالت زیر خواهد بود:

۱- همان تصویر ۱۰۰ کیلوباتی در لیست نمایش داده می شود.در نتیجه  در لیستی از محصولات گوشی huawei، (مثلا ۱۵ محصول) ، ۱۵۰۰ کیلوبایت یعنی ۱٫۵ مگابایت فقط به تصاویر اختصاص دارد.

۲-به جای استفاده از تصویر اصلی ۱۰۰ کیلوبایتی در لیست، تصویر thumbnail و بی کیفیت تر و کوچک تر در لیست نمایش داده می شود(هر عکس زیر ۱۰ کیلوبایت).در نتیجه در صفحه لیست محصولات huawei ، حداکثر ۱۵۰ کیلوبایت به تصاویر موجود در لیست اختصاص دارد.

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

همچنین همان تصاویر بزرگ نیز باید تا جای ممکن کم حجم شوند.حجم بالای تصاویر فقط هنگام چاپ به صورت فیزیکی است که مفید است.روی صفحه نمایش کامپیوتر و موبایل و تبلت، چه نیازی است که تصاویر با کیفیت با رزولوشن خیلی بالا قرار داده شود؟کیفیت تصاویر روی صفحه نمایش، از یک حد بیشتر شود، دیگر با چشم محسوس نیست و اگر هم محسوس باشد، برای کاربر فرق چندانی نخواهد کرد.لذا شما می توانید تصویری با حجم ۷۰۰ کیلوبایت را بدون آنکه در یک نظر، روی صفحه نمایش، دچار کاهش کیفیت شود، تا ۱۰۰ کیلوبایت و کمتر ، کم حجم تر کنید.برای کاهش حجم تصاویر برای استفاده در سطح وب به شکلی که کیفیت هم حفظ شود به آموزش کاهش حجم تصاویر بدون افت کیفیت در وب مراجعه کنید.

 

سوالات متداول:

۱– اگر عکس های سایت ما alt و title نداشته باشد دیگر نمی توان آن را سئو کرد و در کلمات و عبارتهای مد نظر، به صدر نتایج گوگل بیاییم؟

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

۲-آیا alt و title باید یکسان باشند؟

هیچ بایدی ندارد.هر چیزی که به عکس مرتبط است قرار دهید.تکراری هم باشد مشکلی ندارد.

۳– آیا title را حتما باید بگذاریم؟

خیر.مهمتر alt است.اگر title نگذاشتید مشکلی ندارد.

۴– چه زمانی نباید از title استفاده کنیم؟

از آنجا که title بر خلاف alt به کاربر نشان داده می شود، خیلی مواقع، متن داخل title برای تصویر به صورت متن، در نتایج گوگل در قسمت توضیح زیر وب سایت (جایگزین meta description) نمایش داده می شود.اگر سایت شما درباره نرخ دلار است و تصویر موجود در صفحه شما، بنر تبلیغاتی یک سایت تورو آژانس مسافرتی است نباید از title استفاده کنید.زیرا مطالب مرتبط با نرخ دلار با title ترکیب می شود و کاربر در نتایج گوگل (در توضیحات) کنار مطالب مرتبط با نرخ دلار، نام آن آژانس مسافرتی را مشاهده می کند که می تواند منجر به دفع کاربر و کاهش نرخ CTR شود. این مورد خیلی کم مشاهده شده است و چیزی نیست که بخواهید خیلی جدی بگیرید.اما به هر حال بهتر است برای بنر های تبلیغاتی که بی ربط به محتوای شما هستند، از title برای تصویر استفاده نکنید.

۵– اگر تصاویر را کم حجم کنیم، به دلیل کیفیت پایین تصاویر، موجب دفع کاربر نمی شود؟

قرار نیست طوری کم کنید، که کیفیت پایین آن مشهود باشد.

موُید باشید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *