ویژگی alt تگ img. چگونه ویژگی ALT را به درستی به یک تصویر اضافه کنیم

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

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

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

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

بیا شروع کنیم!

alt و عنوان برای تصاویر چیست؟

ویژگی "alt"!

هدف آن نمایش بخشی از متن تصویر است. بیشتر اوقات، این توصیف تصویر است. برای کاربران شما نامرئی است. این برچسب ها برای ارتقاء جستجو بسیار مهم هستند. برای مردم، آنها تقریباً هیچ معنایی ندارند.

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

بنابراین، بررسی جستجو کل مقاله شما را ضبط می کند و هیچ کاستی و خطای جزئی وجود نخواهد داشت. بر این اساس، سرگردان نزدیک TOP-10 خواهد بود یا حتی به آنجا پرواز می کند.

TOP به معنای حضور زیاد است. و نحوه افزایش آن در مقاله ای در مورد آن نوشتم

ویژگی عنوان!

"عنوان" عنوان است. احتمالا همه در مورد آن می دانند. در تصویر این نامی است که برای همه در دسترس است، مثلا وقتی ماوس را روی تصویر قرار می دهیم یک متن کوتاه ظاهر می شود که عنوان آن است. با این همه چیز مشخص است. می توانید نام را در رایانه شخصی یا لپ تاپ خود مشخص کنید و سپس عکس را در خود پست قرار دهید و دوباره عنوان و توضیحات را بنویسید (alt).

در مورد اینکه چه چیزی را کجا بنویسید، پس نگران آن نباشید.

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

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

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

شما می توانید وزن تصویر را در فتوشاپ کاهش دهید. آن را باز می کنیم. روی فایل و سپس Save for WEB کلیک کنید. در جایی که عدد 50، 60 یا مقدار دیگری نوشته شده است، می توانید آن را تنظیم کنید، هر چه کمتر، وزن کمتری داشته باشد. اگر قبلاً فتوشاپ ندارید، ادامه دهید و به آن مسلط شوید. پس از همه، این عنصر ضروری هر وب مستر است.

اگر کسی شک دارد که بهینه سازی تصویر تأثیر زیادی در ارتقاء وبلاگ دارد، می توانم یک چیز را بگویم - دریغ نکنید. سعی کنید بررسی کنید، آزمایشی انجام دهید. نکته اصلی این است که چشمان خود را روی این نبندید، زیرا حیف نیست 5 دقیقه اضافی را صرف کنید. به خصوص اگر قبل از آن مقاله ای نوشته باشید و تکه ای از خود را در آنجا قرار داده باشید. من فکر می کنم اضافی نخواهد بود، چگونه می توان آن را ترتیب داد، اما شما چه فکر می کنید؟

چرا تگ های عنوان و alt مهم هستند؟ چگونه به تصاویر اضافه می شوند؟

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

اینجا اند:

• اول از همه، البته، شما باید یک مقاله بنویسید و یک تصویر منحصر به فرد پیدا کنید. به عنوان یک قاعده، هر کس یک الگوی استاندارد، خود را می سازد، و قبلاً یک تصویر، اسکرین شات، مثلاً، یا چیزی را ترسیم می کند، یا حتی از هنرمند سفارش می دهد.
• ما به عبارات کلیدی که برای پست استفاده کردید نگاه کردیم و یکی را در عنوان نوشتیم.
• کلید دوم با alt نوشته شد، در توضیحات و چند کلمه دیگر اضافه شد، درخواست با یک کلمه رقیق شد.
• حالا تغییرات را ذخیره می کنیم و یک تصویر به متن اضافه می کنیم، سپس مقاله را مشاهده می کنیم و ماوس را روی تصویر می گذاریم، نگاه می کنیم: چه عنوانی نمایش داده می شود. همه آماده است.

به طور خلاصه، مزایا به شرح زیر است، این برای کسانی است که هنوز تا انتها قانع نشده اند.

1. ترافیک بیشتر؛
2. کیفیت آن بالاتر است، از آنجایی که شما کلیدهای دقیقی را که مقاله به آن اختصاص داده شده است را مشخص کرده اید، بازدید کننده آنها را وارد جستجو می کند و اطلاعات لازم را از شما پیدا می کند، به این معنی که مدت طولانی تری در وبلاگ شما باقی می ماند و تعداد پرش ها افزایش می یابد. کمتر؛

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

در این مورد من نوشتن مقاله را به پایان خواهم رساند. برای پیشرفت شما آرزوی موفقیت دارم. مهم! از چنین چیزهای به ظاهر کوچک دوری نکنید. به توصیه هایی گوش دهید که قطعاً کمک کننده خواهد بود. خداحافظ همه!

خالصانه،ژوک یوری.

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

بهینه سازی کد

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

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

ALT؟

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

بنابراین، برای درک این متن، ابتدا باید زبان نشانه گذاری HTML را درک کنید. این کدی است که صفحات اصلی وب روی آن نوشته شده است، همانطور که قبلاً اشاره شد، دارای خاصیت نمایش در مرورگر است. کل زبان از ویژگی های خاص (مانند IMG، ALT، FONT و غیره) تشکیل شده است. هر یک از آنها مسئول کار با یک یا عنصر دیگر طراحی هستند. در عمل، ویژگی ALT ذکر شده در بالا برای تصاویری که در صفحات سایت یافت می شوند استفاده می شود. به طور دقیق تر، با کمک آن، توضیحاتی برای تصاویر ایجاد می شود که بر اساس آن کاربر (بازدید کننده سایت) می تواند به راحتی و به سادگی متوجه شود که چه چیزی در آنها نشان داده شده است. مطمئناً شما خودتان با چنین توصیفاتی روبرو شده اید - هنگامی که ماوس را روی تصویر می برید ظاهر می شوند.

ارزش عملی

البته این صفات در عمل به دلایلی اعمال می شوند. وب مسترها به همان اندازه که بازدیدکنندگان سایت نیاز به توضیحات برای تصاویر خود دارند (احتمالا بیشتر). از این گذشته، اگر همه تصاویر دارای ویژگی ALT نباشند، شخص می تواند این کار را انجام دهد حتی اگر متن های توضیحی به تصاویر صفحه اضافه شود. از سوی دیگر، ربات‌های جستجوگر (با ALT خالی) ممکن است سایت را به اندازه کافی بالا نبرند، موقعیت آن را در نتایج جستجو کاهش دهند و در نتیجه تعداد بازدیدکنندگان کافی را وارد نکنند. بنابراین به جرات می توان گفت که توضیحات مربوط به تصاویر در سایت برای خود مدیران سایت نیز نقش مهمی ایفا می کند، بنابراین نمی توان از آنها غافل شد.

جوایز از موتورهای جستجو

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

چگونه ویژگی ALT را بنویسیم؟

از نظر فنی، هیچ چیز دشواری برای پر کردن زیر این یا آن تصویر وجود ندارد، بدیهی است: باید به ویرایشگر HTML در سایت خود بروید و کد تصویر را پیدا کنید (با IMG شروع می شود و با همان پایان می یابد). در داخل این بلوک کد، کد وجود دارد. این همان چیزی است که آنها می گویند که شما باید ویژگی ALT را بنویسید. این کار به این صورت انجام می شود: "alt = "توضیح".

اگر با کد خالص کار نمی‌کنید، اما از یک موتور مجزا برای سایت استفاده می‌کنید (مثلاً وردپرس یا جوملا)، مکانیسم خاصی برای اضافه کردن «alts» ادغام می‌شود که از طریق آن سایت ما توسط موتورهای جستجو به خاطر سپرده می‌شود. اگر یک ALT جدید پر کنید، به روز رسانی در صفحه شما است.

در صفت چه نوشته شده است؟

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

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

الزامات

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

به عنوان مثال، اولین شرط لازم طول کل متن است. اگر به دنبال نحوه صحیح نوشتن ویژگی ALT هستید، راه حل ابتدایی است: از 2-3 کلمه بیشتر استفاده نکنید. متنی با این اندازه اولاً توسط یک ربات جستجوگر به طور ایده آل خوانده می شود (و سایت شما را مرتبط تر می کند). ثانیاً، چنین توصیفی برای خود کاربران قابل درک تر است. موافقم، جمله را کامل بخوانید، اگر فقط می خواهید بدانید که در تصویر چه چیزی نشان داده شده است، هیچ کس این کار را نخواهد کرد. کافی است به طور مختصر و دقیق توضیحاتی را بیان کنید که هم برای شما و هم برای مشتریان مفید خواهد بود.

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

نکته مهم دیگر (که در دوره آزمایش های عملی متعدد مشخص شد) - اگر به دنبال نحوه نوشتن ویژگی ALT برای یک عکس هستید، به یاد داشته باشید: باید برای هر یک از عکس های لیست شده در سایت به طور منحصر به فرد انتخاب شود. به عنوان مثال، انتشار سه عکس پشت سر هم با عنوان "فیل من" اشتباه است - این فقط به منبع شما در نتایج جستجو آسیب می رساند. بهتر است نام تصاویر را "فیل 1" و "فیل 2" بگذارید که باعث منحصربفردتر شدن آنها می شود.

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

جستجوی ALT

در نهایت، در مورد اصول اولیه صفت، در مورد برخی قوانین برای تدوین آن و الزامات طرفین (هم کاربران و هم به آنها. حالا بیایید فکر کنیم: پس چگونه کلمات کلیدی و عباراتی را که در سایت خود ثبت می کنیم جستجو کنیم؟ همانطور که در بالا ذکر شد، جستجو باید به سمت پایگاه داده های آماده از کلمات کلیدی هدایت شود که واقعاً شروع به جذب مشتری به سایت شما می کند. البته اگر هنوز ویژگی ALT را ندارید این امر محقق نمی شود. کلمات کلیدی و عبارات آماده ای را که استفاده می کنید استفاده کنید. در محتوا و درج در تصاویر.

اگر چنین اطلاعاتی ندارید و اصلاً به این فکر نمی‌کردید که به تدریج منبع خود را تبلیغ کنید، پیشنهاد می‌کنیم که به دنبال پایگاه‌های داده‌ای از این «کلمات کلیدی» باشید که با آن می‌توانید به راحتی سایت‌های جدیدی ایجاد کنید. برای این کار، خدماتی مانند Google Keyword Extract Tool یا Yandex.Wordstat عالی هستند که آمار جستجوی عبارات خاصی را نشان می دهند. با "بازی" با این تنظیمات، می توانید سهم ترافیک جستجو در سایت های خود را به میزان قابل توجهی افزایش دهید و در نتیجه شروع به بهره گیری از مزایای جدید کنید. نکته اصلی اجتناب از موقعیتی است که در آن تمام تصاویر قابل مشاهده فاقد ویژگی ALT هستند.

یافته ها

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

تعیین یک برچسب همچنین می تواند بازدیدکنندگان جدیدی را به ارمغان بیاورد - این پدیده به ویژه اغلب در سرویس هایی مانند Google و Yandex Images مشاهده می شود. وقتی روی یک تصویر کلیک می کنید، سایت به طور مستقل منبعی را که تصویر از آن گرفته شده است تعیین می کند و بازدید کننده را تغییر مسیر می دهد. و این، همانطور که می دانید، بسیار مهم است که بتوان در آینده انجام داد.

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

استفاده از تصاویر سایت را جذاب‌تر می‌کند و به حفظ بازدیدکنندگان در آن کمک می‌کند، اما مهمتر از آن، ترافیک اضافی ممکن است از جستجوی تصویر در Yandex یا Google به سایت شما بیاید (اگر از ویژگی‌های تگ Alt و Title به درستی استفاده کنید) ).

ویژگی Alt برای تصاویر چیست؟

ویژگی Alt برای تصاویرمتنی است که تصویر را در تگ html توصیف می کند . زمانی که تصویر قابل بارگذاری نباشد قابل مشاهده می شود. متن به جای تصویر بارگیری نشده (اگر ویژگی Alt پر شده باشد) نمایش داده می شود.

بیایید مقایسه کنیم. این همان چیزی است که یک تصویر بارگیری نشده بدون پر کردن ویژگی Alt به نظر می رسد:

و به این ترتیب تصویر با متن "Washing Machine Slavda WS30T / ET" در ویژگی Alt تگ به نظر می رسد. :

ویژگی Alt این امکان را به شما می دهد تا زمانی که کاربر قادر به دیدن تصویر نیست، متوجه شوید که چه چیزی در تصویر نشان داده شده است. علاوه بر این، متن نوشته شده در ویژگی Alt توسط روبات های جستجوگر در هنگام نمایه سازی سایت مورد توجه قرار می گیرد. در نهایت، بهینه سازی عناوین تصویر و ویژگی های Alt در تگ جستجوی تصاویر، به عنوان مثال، در Yandex یا Google Images را ساده می کند.

نحوه درست نوشتن ویژگی Alt برای تصاویر

1. تعداد بهینه کلمات 3-5 است، اما طول متن برچسب بیش از 75-80 کاراکتر نیست. توصیه می کنیم از اطلاعات کوتاه و مختصر اما معنی دار استفاده کنید.
2. پیش نیاز استفاده از پرس و جوهای کلیدی است.
3. کلمات کلیدی بهتر است در حالت اسمی استفاده شوند تا جستجو را آسان تر کنند.
4. اجتناب از هرزنامه: توصیه نمی کنیم مانند سایر برچسب ها تعداد زیادی از کلمات کلیدی را که با کاما از هم جدا شده اند فهرست کنید.
5. لازم است Alt به متن صفحه مراجعه کرده و آنچه در تصویر نشان داده شده است را شرح دهد.

ویژگی عنوان برای تصاویر

علاوه بر ویژگی Alt، باید متنی را نیز در ویژگی Title بنویسید. این پارامتر اطلاعات کمکی را در مورد تصویر زمانی که کاربر روی تصویر می‌چرخد، تنظیم می‌کند:

در کد html، ویژگی Title تکمیل شده برای تصاویر به صورت زیر است:

یک ویژگی عنوان به درستی ترکیب شده حتی به بهبود عوامل رفتاری کمک می کند.

چگونه برای عکس ها عنوان بسازیم

1. ویژگی Title باید با تصویر مطابقت داشته باشد. نباید در آن چیزی بنویسید که ربطی به عکس ندارد.
2. برای راحتی کاربران بهتر است از یک عنوان کوتاه استفاده کنید - هیچ کس نمی خواهد یک اشاره کیلومتر به تصویر بخواند.
3. داشتن کلمات کلیدی مطلوب است. شما نباید از کلماتی مانند «عکس»، «تصویر» و غیره استفاده کنید، زیرا از قبل مشخص شده است که چیست.

نمونه ای از پر کردن صحیح ویژگی های Alt و Title برای یک برچسب

بیایید به مثالی نگاه کنیم که چگونه می توانید متن را در ویژگی های Alt و Title برای یک تصویر بنویسید. برای این کار از سایت یک شرکت ساختمانی عکس بگیرید.

هنگام کامپایل Alt، باید روی چیزی که می فروشید/عرضه می کنید تمرکز کنید. برای تصویر مثال ما، ترجیح داده می شود که alt "ساخت خانه از یک سیاهه درخت" را بنویسیم و نه فقط "خانه" یا "ساخت و ساز".

ویژگی عنوان برای این تصویر را می توان کمی تغییر داد تا بخواند "ساخت خانه چوبی".

مشکلات هنگام پر کردن Alt و Title

ویژگی های Alt و Title که به درستی برای تصاویر پر شده اند به بهینه سازی سایت برای موتورهای جستجو کمک می کند. اما سایر جنبه های بهینه سازی تصویر مانند "وزن"، کیفیت و نام تصاویر را فراموش نکنید. اگر برای نوشتن ویژگی های Alt و Title وقت ندارید، ما می توانیم به شما کمک کنیم و کار را برای شما انجام دهیم.

مردم سلام. برای اینکه وقت خود را هدر ندهید، کوتاه و دقیق صحبت کنیم.

عنوان یک تصویر عنوانی است که وقتی ماوس را روی تصویر می‌کشید ظاهر می‌شود. این برای اشاره به بازدید کننده ضروری است. بگویید چه چیزی در تصویر نشان داده شده است یا به کجا نگاه کنید.

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

با این وجود، اگر کاربر نمایش محتوای گرافیکی را خاموش کند یا نوعی نقص در سمت شخصی رخ دهد، به جای تصویر، یک نماد کوچک با متن مشاهده می شود. این متن alt تصویر است.

تصاویر Alt و عنوان برای SEO

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

حتی خودتان فکر کنید، وقتی یک راهنمای ابزار روی تصویر ظاهر می‌شود، خوشایندتر است.

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

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

نحوه صحیح پر کردن alt و عنوان برای تصاویر

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

1) لازم نیست طولانی باشد. موافقم، یک اشاره در 4 خط باعث رد می شود.

2) باید به نحوی با تصویر مرتبط باشد.

3) نباید با عنوان اصلی، سرفصل های h1-h5، با ویژگی های alt کپی شود.

تصاویر Alt در موتور جستجو وزن دارند، بنابراین محدودیت هایی با قوانین وجود دارد، اما احتمالات نیز وجود دارد.

1) یک کلمه کافی نیست، بهتر است در چارچوب 3 کلمه بمانید. حداکثر تعداد کاراکترها 250 کاراکتر است.

2) باید با محتوای تصویر مطابقت داشته باشد.

4) ترجیحاً با سایر alt های صفحه تکرار نشود.

بنابراین، هنگامی که عکس دیگری به وبلاگ خود اضافه می کنید، به آن فکر کنید. شاید کسی بخواهد آن را پیدا کند؟ سعی کنید آن را به ترافیک اضافی تبدیل کنید.

محل پر کردن alt و عنوان تصاویر در مثال وردپرس

به عنوان مثال، در وردپرس، شما فقط باید از کنترل پنل (کنسول) به بخش بروید "فایل های رسانه ای" — "کتابخانه". سپس هر تصویری را انتخاب کنید.

یا، هنگام ویرایش مقاله، به سادگی روی هر تصویر درج شده، سپس روی یک مداد کلیک کنید.

البته، نمونه وردپرس ساده ترین نمونه برای نمایش است، اما بسیاری از CMS های محبوب چنین فرصتی را فراهم می کنند. برای مثال جوملا را در نظر بگیرید. مشکلاتی وجود دارد، اما اگر کلیک کنید، بیشتر محتوای گرافیکی را می‌توان به صورت alt تایپ کرد "ویرایش تصویر"

همین. امیدواریم که برای شما مفید بوده باشیم. اگر بله لطفا لایک کنید. این به ما انگیزه می دهد تا محتوای باکیفیت و جالب تری تولید کنیم!

با احترام، ذات شما.

>> بهینه سازی تصویر | ویژگی های ALT و TITLE برای توصیف تصاویر

چگونه تصاویر را برای وب سایت خود بهینه کنیم.

با سلام خدمت خواننده عزیز سایت من!

در این مقاله می خواهم به شما بگویم که تصاویر در سایت ها چه کاربردی دارند، چه نقشی برای بهینه سازی سئو دارند. بیایید اهمیت استفاده از ویژگی‌های alt و title کدهای html را در نظر بگیریم، مثال‌هایی از استفاده از تصاویر بهینه‌سازی شده و غیربهینه‌سازی شده ارائه دهیم، دریابیم که چگونه باید از تصاویر استفاده شود و این موضوع چگونه روی سایت تأثیر می‌گذارد.

مزایا و معایب استفاده از تصاویر در وب سایت:

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

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

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

و اگر می خواهید تصاویرتان فراموش نشدنی و زیبا باشند، باید تا حد امکان از آنها استفاده کنید.

یکی دیگر از نکات مثبت استفاده از تصاویر در سایت، قابلیت استفاده است بهینه سازی تصویرتحت درخواست کلید یک صفحه خاص از سایت به منظور بهبود ارتقاء این صفحه برای درخواست کلید تبلیغاتی.

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

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

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

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

ویژگی های alt و title در سئوی تصویر:

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

صفتALT: این ویژگی بخشی از زبان html است. هدف آن توصیف برخی شی به منظور ارائه اطلاعات اضافی در مورد این شی (در مورد ما، تصاویر) است. این ویژگی چگونه کار می کند؟ این کار بسیار ساده است: شما عکس مورد نظر را که روی هارد دیسک یا رسانه شما (فلش درایو) است می گیرید و آن را در صفحه مورد نظر سایت در جای مناسب قرار می دهید.

سپس می گیرید، کد این عکس را پیدا می کنید و در آنجا یک مقدار alt=" شرح این تصویر با استفاده از کلمات کلیدی" . Но описание не нужно делать слишком большим (максимально пару предложений) и тулить туда много ключевых слов, так как поисковые системы этого не любят, что в итоге может сказаться на Вашем сайте.!}

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

ویژگی TITLE:این ویژگی عنوانهمچنین در زبان html گنجانده شده است. هدف آن همانند ویژگی alt است، اما با این تفاوت که این توضیحات در هنگام قرار دادن ماوس روی تصویر با مکان نما به کاربر سایت نشان داده می شود. این ویژگی در ارتقای سایت دخیل نیست، اما به شما اجازه می دهد تا عامل رفتاری را افزایش دهید که بر موقعیت سایت در موتور جستجو نیز تاثیر می گذارد. به این صورت نوشته شده " توضیحات تصویر" . Поэтому !} بهینه سازی تصویرهمچنین نقش مهمی در ارتقای سایت در موتورهای جستجو دارد.

نمونه ای از یک تصویر بهینه شده برای سئو با استفاده از ویژگی های alt و title:

اکنون نمونه ای از یک تصویر بهینه شده را با استفاده از دو ویژگی ذکر شده در بالا مشاهده خواهید کرد.

با ویژگی عنوان (موشواره را روی تصویر نگه دارید) title="گربه ژیمناست" > !}

با ویژگی alt (بدون تصویر) کد نمونه برای این تصویر:

بدون ویژگی alt (بدون تصویر) کد نمونه برای این تصویر:

در چه ظرفیتی از تصاویر و تصاویر در سایت استفاده شود.

البته بهتر است از تصاویر و تصاویر موجود در سایت با کیفیت خوب استفاده شود اما به گونه ای که تاثیر زیادی در بارگذاری سایت نداشته باشند. از آنجایی که بسیاری از افراد در اینترنت با سرعت کم از اینترنت استفاده می کنند و اگر منتظر لود شدن سایت نباشند از این سایت خارج می شوند و دیگر به اینجا باز نمی گردند که در نهایت بر ترافیک تاثیر می گذارد.

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

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

اینجاست که این مقاله را به پایان می برم. امیدوارم الان فهمیده باشی چیه بهینه سازی تصویرو بهینه سازی تصویر از چه ویژگی هایی برای این کار استفاده می کند.

به هر حال، اگر نمی دانید چگونه کیفیت تصویر را کاهش دهید، از برنامه فتوشاپ استفاده کنید. برای انجام این کار، به منوی "File" رفته و از آنجا "Save for Web and Devices" را انتخاب کنید.

اگر این مقاله را دوست داشتید، لطفاً نظر خود را در پایین این مقاله بگذارید. من از شما بسیار سپاسگزار خواهم بود.

سایر صفحات سایت: