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

چرا ویژگی alt در تصاویر مورد نیاز است؟

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

چگونه و کجا در وردپرس alt را پر کنیم؟

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

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

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

چرا ویژگی عنوان در تصاویر مورد نیاز است؟

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

چگونه و کجا عنوان را در وردپرس پر کنیم؟

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

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

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

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

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

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

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

پرحرف نباش. هنگام اضافه کردن متن جایگزین، سعی کنید حداکثر 15 کلمه آن را حفظ کنید.

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

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

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

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

افزودن متن جایگزین بسیار آسان است. در اینجا دستورالعمل است.

برای یک سایت Wix:

روی تصویر کلیک کنید.

روی نماد "تنظیمات" کلیک کنید.

متن جایگزین را در قسمت "متن های عکس" اضافه کنید - "تصویر را برای موتورهای جستجو توصیف کنید".

برای یک وبلاگ در Wix:

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

alt و title را تجویز می کنیم

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

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

یک تگ alt بنویسید

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

تگ برای چه چیز دیگری مفید است؟ واقعیت این است که همه کاربران مرورگری ندارند که تصاویر را بارگذاری کند. توسط دلایل مختلف: به دلیل صرفه جویی در ترافیک، به دلیل سرعت کم اتصال، یا اگر خود کاربر نمایش تصاویر را خاموش کند. در این حالت به جای عکس نشان داده می شود توضیحات متن, توسط برچسب داده شده است. تجویز alt برای بازدیدکنندگانی که با آنها نشسته اند مفید است دستگاه های تلفن همراهتلاش برای صرفه جویی در ترافیک سایت شما چندین برابر سریعتر بارگذاری می شود. اما این سرعت بارگذاری منبع است که به طور قابل توجهی بر عوامل رفتاری و تعداد بازدیدکنندگان منظم تأثیر می گذارد.

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

وقتی ماوس را روی تصویر نگه می‌دارید، یک متن پاپ‌آپ ظاهر می‌شود: چه گل‌هایی برای دادن. بیایید بررسی کنیم که alt چگونه املا می شود. کلید ترکیبی Ctrl+U را فشار دهید. کد وب سایت باز می شود. حالا Ctrl+F را فشار دهید تا صفحه را جستجو کنید. هنگام تایپ عبارت what flowers to buy، یک تگ alt را می بینیم که به درستی پر شده است.

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

همانطور که می بینید، بهینه سازی برچسب عالی عمل می کند. به اندازه کافی alt بنویس. چگونه انجامش بدهیم؟

• اختصار روح شوخ طبعی است. و سئو خوبترویج. تعداد کلمات قابل قبول 3-5 است. محدودیت برچسب 250 کاراکتر است.
• دسترسی عبارت جستجویا کلمات اگر عنوان عبارتی در متن پاپ آپ داشته باشد که کاربر را بیشتر تحت تاثیر قرار دهد، alt تاثیر مستقیمی روی موتور جستجو دارد. اما با کلمات کلیدی زیاده روی نکنید، در غیر این صورت ربات آن را به عنوان هرزنامه تشخیص می دهد.
• همانطور که در مورد عنوان، شما باید alt را مطابق با تصویر موجود در صفحه تجویز کنید.

نحوه نوشتن تگ عنوان

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

چگونه عنوان را درست بنویسیم؟

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

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

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

اگر می خواهید فضای بنر را در وبلاگ وردپرس خود بفروشید، لازم نیست بروید و در صرافی ثبت نام کنید تبلیغات بنری، زیرا این سرویس یک جایگزین عالی دارد - این افزونه ای برای نمایش بنرها در وبلاگ AdRotate شما است.

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

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

در هنگام استفاده از افزونه AdRotate چنین مشکلی وجود نخواهد داشت! اما شما با تبلیغ کنندگان مذاکره می کنید، بنرها را قرار می دهید و زمان نمایش را خودتان تنظیم می کنید.

حالا بیایید به پیکربندی افزونه AdRotate برویم.

AdRotate را در وبلاگ وردپرس ما دانلود و نصب کنید و به سمت ایجاد چرخش بنر تبلیغاتی بروید.

این افزونه برای قرار دادن چرخش چندگانه طراحی شده است بنرهای تبلیغاتی. هر گروه باید بنرهایی با اندازه یکسان داشته باشد، به عنوان مثال، در گروه 1 چرخش بنر 468x60 و در گروه 2 - 125x125 خواهد بود.

پس از افزودن چندین بنر به یک گروه، AdRotate شروع به نشان دادن آنها در سایت به صورت متغیر می کند: ابتدا یک بنر نشان داده می شود و زمانی که به صفحه دیگری می روید یا صفحه فعلی را در مرورگر تازه می کنید، یکی دیگر و غیره بسته به تعداد بنرهایی که به یک گروه اضافه کردید.

چگونه یک بنر اضافه کنیم؟

در پنل مدیریت AdRotate جستجو کنید، به مدیریت تبلیغاتو بر روی کلیک کنید جدید اضافه کنبرای اضافه کردن یک بنر جدید به روتاتور.

در زمینه عنوانیک نام برای خود وارد کنید تا بعداً متوجه شوید که آیا نیاز به حذف یا ویرایش بنر دارید یا خیر.

در زمینه کد آگهیشما باید کد بنر خود را مشخص کنید، به عنوان مثال:

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

برای هر بنر، می توانید اولویت نمایش ( وزن) یعنی چقدر بیشتر (کمتر) بقیه این بنر نشان داده می شود. اولویت 2 تا 10

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

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

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

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

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

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

با این وجود، اگر کاربر نمایش محتوای گرافیکی را خاموش کند یا نوعی نقص در سمت شخصی رخ دهد، به جای تصویر، یک نماد کوچک با متن مشاهده می شود. این متن 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 تایپ کرد "ویرایش تصویر"

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

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