هر صفحه وب با استفاده از نشانه گذاری ایجاد می شود - کدی که به یک زبان خاص (اغلب HTML) نوشته شده است. مرورگر کاربر نیز به نوبه خود می تواند این کد را بخواند تا تمام اطلاعاتی را که سازندگان منبع می خواستند به ما منتقل کنند به درستی نمایش دهد. معلوم می شود که تمام عناصری که در یک صفحه وب می بینیم توسط کد منبع سایتی که بازدید می کنیم ارائه می شود.
بهینه سازی کد
همانطور که می توانید حدس بزنید، هر حرف از این کد، هر نماد معنایی دارد. همچنین، جالب این است که از نظر بصری ممکن است سایت حاوی عناصری نباشد که برای بهینه سازی آن بسیار مهم هستند (به معنای تنظیم صحیح منبع برای موتورهای جستجو). برای مثال، ویژگی ALT را می توان به تعداد چنین مواردی که به سختی قابل توجه هستند نسبت داد. این در صفحات بسیاری از منابع است و اغلب ما به سادگی متوجه آن نمی شویم.
در این مقاله می خواهیم فقط به این عنصر طراحی وب بپردازیم. در اینجا به شما خواهیم گفت که چرا برای رتبه بندی صحیح سایت، رشد ترافیک آن و راحتی کاربر در کار با آن بسیار مهم است.
ویژگی ALT چیست؟
بیایید از همان ابتدا شروع کنیم: توضیح خواهیم داد که این مقاله در مورد چیستگفتار و چرا ما اصلاً به این ویژگی نیاز داریم.
بنابراین، برای درک این متن، ابتدا باید زبان نشانه گذاری HTML را درک کنید. این کدی است که صفحات اصلی وب روی آن نوشته شده است، همانطور که قبلاً اشاره شد دارای خاصیت نمایش در مرورگر است. کل زبان از ویژگی های خاص (مانند IMG، ALT، FONT و غیره) تشکیل شده است. هر یک از آنها مسئول کار با یک یا عنصر دیگر طراحی هستند. در عمل، ویژگی "Image" که در بالا ذکر شد برای تصاویری که در صفحات وب سایت یافت می شوند استفاده می شود. به طور دقیق تر، با کمک آن، توضیحاتی برای تصاویر ایجاد می شود که بر اساس آن کاربر (بازدید کننده سایت) به راحتی می تواند آنچه را که در آنها نشان داده شده است درک کند. مطمئناً شما خودتان با چنین توصیفاتی روبرو شده اید - زمانی که ماوس را روی عکس می برید ظاهر می شوند.
ارزش عملی
البته این صفات در عمل به دلایلی اعمال می شوند. وب مسترها به همان اندازه که بازدیدکنندگان سایت نیاز به توضیحات برای تصاویر خود دارند (احتمالا بیشتر). از این گذشته، اگر همه تصاویر فاقد ویژگی ALT باشند، اگر متون توضیحی به تصاویر صفحه اضافه شود، ممکن است شخص متوجه این موضوع نشود. از طرف دیگر، ربات‌های جستجوگر (با ALT خالی) ممکن است سایت را به اندازه کافی رتبه‌بندی نکنند، جایگاه آن را در نتایج جستجو کاهش دهند و در نتیجه تعداد بازدیدکنندگان کافی را وارد نکنند. بنابراین می توان با اطمینان گفت که توضیحات مربوط به تصاویر در سایت برای خود مدیران سایت نیز نقش مهمی ایفا می کند، بنابراین نمی توانندغفلت.
جوایز از موتورهای جستجو
برای درک بهتر مزایای برچسب های توضیحات به درستی پر شده برای تصاویر، اجازه دهید یک مثال کوچک ارائه دهیم. فرض کنید یک وب سایت با تصاویر میزبانی شده در آن وجود دارد. اگر مشخصه ALT تنظیم نشود، کاربر متضرر نمی شود، زیرا در هر صورت او آنچه را که در یک عکس خاص نشان داده شده است، خواهد دید. نتیجه کاملاً متفاوتی در انتظار صاحب منبع است که از تگ فوق غفلت می کند و به همین دلیل سهمی از ترافیک را از دایرکتوری های تصویر از دست می دهد.
چگونه ویژگی ALT را بنویسیم؟
از نظر فنی، پر کردن توضیحات زیر این یا آن تصویر هیچ مشکلی ندارد. این واضح است: شما باید به ویرایشگر HTML در سایت خود بروید و کد تصویر را پیدا کنید (با IMG شروع می شود و با همان پایان می یابد). در داخل این بلوک کد، کد وجود دارد. این همان چیزی است که آنها می گویند که شما باید ویژگی ALT را بنویسید. این کار به این صورت انجام می شود: " alt=""description".
اگر با کد خالص کار نمی کنید، اما از یک "موتور" جداگانه برای سایت استفاده می کنید (مثلاً وردپرس یا جوملا)، مکانیسم خاصی برای افزودن " alts" ادغام می شود که از طریق آن سایت ما به خاطر سپرده می شود. توسط موتورهای جستجو اگر یک ALT جدید پر کنید، به روز رسانی در صفحه شما است.
آنها در صفت چه می نویسند؟
البته، وقتی وظیفه نوشتن ویژگی ALT را دارید، به فنی فکر نمی کنید.سمت. اغلب این سوال در صورتی مطرح می شود که مدیر وب سایت نداند چه اطلاعاتی در مورد یک تصویر خاص باید ارائه دهد. این امر بیان اینکه چه اطلاعاتی از نظر موتورهای جستجو به نفع سایت خواهد بود دشوار است.
در عمل، رویکردهای زیادی برای حل مشکل توصیف وجود دارد. شخصی با الگوهای معمولی کار می کند که طبق آنها برچسب به سادگی با کلمات کلیدی که صفحه برای آنها ایجاد شده است پر می شود. شاید این رایج ترین روشی باشد که اغلب می توان یافت. گاهی اوقات، کاربر به جای جستجوی نحوه نوشتن ویژگی ALT، به سادگی این فضا را خالی می گذارد. در اینجا باید روشن شود که هر کسی در مورد اینکه کدام توصیف را نشان دهد تصمیم می گیرد.
نیازها
در همان زمان، چندین قانون اساسی (یا، اگر دوست دارید، الزامات) وجود دارد که طبق آنها هرکسی می تواند ویژگی ایده آل را برای تصاویر خود اضافه کند. آنها از تعداد کمی آیتم تشکیل شده اند که هر کدام به توضیحات عکس ها و تصاویر موجود در سایت اشاره دارد.
برای مثال، اولین مورد از این قبیل طول کل متن است. اگر به دنبال نحوه صحیح نوشتن ویژگی ALT هستید، راه حل ابتدایی است: از 2-3 کلمه بیشتر استفاده نکنید. متنی با این اندازه اولاً توسط یک ربات جستجوگر به صورت ایده آل خوانده می شود (و سایت شما را مرتبط تر می کند). ثانیاً، چنین توصیفی برای خود کاربران قابل درک تر است. موافقم، جمله را کامل بخوانید، اگر فقط می خواهید بدانید که در تصویر چه چیزی نشان داده شده است، هیچ کس این کار را نخواهد کرد. کافی است مختصر و دقیق باشد.توضیحاتی که هم برای شما و هم برای مشتریانتان مفید خواهد بود.
معنا را فراموش نکنید. اگر عکسی از یک فیل ارسال می کنید، حتماً نژاد یا تاریخچه آن را شرح دهید. مشخص کنید که چرا در این عکس به تصویر کشیده شده است، می خواهید با این چه بگویید. برای بازدید کننده مفید خواهد بود که نظرات شما را در مورد این فیل بداند.
نکته مهم دیگر (که در طی آزمون های عملی متعدد مشخص شد) منحصر به فرد بودن است. اگر به دنبال نحوه افزودن ویژگی "Image" به یک تصویر هستید، به یاد داشته باشید که باید برای هر یک از عکس های لیست شده در سایت منحصر به فرد باشد. به عنوان مثال، انتشار سه عکس پشت سر هم با عنوان "فیل من" اشتباه است - این فقط به منبع شما در نتایج جستجو آسیب می رساند. بهتر است نام تصاویر را "فیل 1" و "فیل 2" بگذاریم که آنها را منحصر به فردتر می کند.
در نهایت، پارامترهای خود تصاویری را که به دنبال نحوه افزودن ویژگی ALT به آن هستید، در نظر داشته باشید. برای تصاویر، رعایت تعدادی از معیارها مهم است - خیلی کوچک نباشند، واقع بینانه به نظر برسند. یعنی اگر توضیحی را مشخص می کنید، برای تصاویر جدی تری که وزن بیشتری در نظر گرفته می شوند، این کار را انجام دهید. ویژگی "تصویر" را برای برخی شکلک های کوچک یا چیزی شبیه به آن واجد شرایط ندهید.
جستجوی ALT
در نهایت، در مورد اصول اولیه یک ویژگی، برخی از قوانین تدوین آن و الزامات طرفین (اعم از کاربران و ربات های جستجوگر) به آنها صحبت کردیم. حالا بیایید فکر کنیم: چگونه کلمات و عبارات کلیدی را جستجو کنیم،که ما در وب سایت خود تجویز خواهیم کرد؟ همانطور که در بالا ذکر شد، جستجو باید به سمت پایگاه داده های آماده کلمات کلیدی هدایت شود که واقعاً شروع به جذب مشتری به سایت شما می کند. البته، اگر هنوز ویژگی ALT را نداشته باشید، این امر محقق نمی شود. کلمات کلیدی آماده و عباراتی را که در محتوای خود استفاده می کنید بردارید و آنها را در تصاویر بچسبانید.
اگر چنین اطلاعاتی ندارید و اصلاً به این فکر نکرده اید که شروع به تبلیغ تدریجی منبع خود کنید، پیشنهاد می کنیم شروع به جستجوی پایگاه داده هایی از این قبیل "کلمات کلیدی" کنید تا بتوانید به راحتی سایت های جدید ایجاد کنید. برای این کار، خدماتی مانند Google Keyword Extract Tool یا Yandex. Wordstat عالی هستند که آمار جستجوی عبارات خاصی را نشان می دهد. با "بازی" با این تنظیمات، می توانید سهم ترافیک جستجو در سایت های خود را به میزان قابل توجهی افزایش دهید و در نتیجه شروع به بهره گیری از مزایای جدید کنید. نکته اصلی اجتناب از موقعیتی است که در آن همه تصاویر قابل مشاهده فاقد ویژگی ALT هستند.
نتیجه گیری
بنابراین، در مورد ویژگی توصیف شده در این مقاله چه می توانیم بگوییم؟ این بخشی از زبانی است که ساده ترین سایت ها در آن ایجاد می شوند - HTML. انجام این کار بسیار آسان است، زیرا یک زبان ابتدایی و پایه را توصیف می کند. برای اینکه همچنان برچسب را در تصاویر ثبت کنید، باید به طور مستقل آن را از طریق کد منبع صادر کنید. یا با استفاده از دستورالعمل‌های جدید، دوباره شروع به کار کنید. به هر حال، برچسب‌گذاری "تصویر" زمانی که بازدیدکننده و صاحب منبع راضی باشند بهترین حالت سود متقابل است.
نشان دادن یک برچسب می تواند منجر به جدید شودبازدیدکنندگان - این پدیده به ویژه اغلب در سرویس هایی مانند Google و Yandex Images مشاهده می شود. وقتی روی یک تصویر کلیک می کنید، سایت به طور مستقل منبعی را که تصویر از آن گرفته شده است تعیین می کند و بازدید کننده را تغییر مسیر می دهد. و این، همانطور که می دانید، بسیار مهم است که بتوان در آینده انجام داد.
