TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Посібник для початківців із іміджевої SEO

2

Як правило, веб -майстри зосереджуються на оптимізації текстового вмісту на сайті, змінюючи заголовки, мета -опис та ключові слова. Однак оптимізація зображень на сторінці також однаково важлива для підвищення швидкості завантаження сторінки. Привабливе зображення може легко залучити користувачів до читання вашого вмісту. Крім того, у цьому мобільному світі пошук зображень стає популярним, як пошук у мережі. У цій статті ми пояснимо основи SEO -іміджу та правильне використання зображень на вашому сайті для кращого користувацького досвіду.

Пов’язані: Як оптимізувати зображення та покращити швидкість завантаження сторінок для WordPress?

Важливість іміджевого SEO

Є багато користувачів, які здійснюють пошук зображень із Пошуку зображень Google. Це має величезний потенціал, особливо для ніш фотографії та електронної комерції. Крім того, соціальні мережі, такі як Pinterest та Instagram, також використовують зображення для підключення цікавих користувачів по всьому світу. Отже, це потенційна можливість для веб -майстрів оптимізувати зображення на своєму сайті для пошукових систем та витягнути з нього трафік.

Раніше ви могли відстежувати трафік з images.google.com у звітах Google Analytics. Однак Google припинив це, і тепер ви можете скористатися звітом "Ефективність" у Google Search Console. Ви можете натиснути будь -який запит і знайти джерело трафіку з зображення.

Основи іміджевої SEO

Розгляньте наведені нижче моменти для оптимізації під час використання зображень на своєму сайті:

1 Підпис зображення

Додайте підпис або ім’я до кожного зображення на своєму сайті. Це допомагає користувачам краще зрозуміти зображення, а також вам легко зберігати зображення, особливо під час міграції сайту з однієї платформи на іншу. Пам’ятайте, що ім’я зображення не має жодної ролі в пошуковій оптимізації. Однак, коли зображення не містить альтернативного тексту, пошукові системи намагатимуться зрозуміти це з текстового вмісту, що оточує зображення. Тому використовуйте відповідний підпис зображення, відповідний текстовому вмісту.

2 Альтернативний текст (атрибут Alt)

Надання альтернативного тексту зображенням – це найважливіше, що вам потрібно забезпечити. Атрибут HTML alt дозволяє надати альтернативний текст для зображення всередині

<img src="image.jpg" alt="SEO For Images">

Додатковий текст корисний у двох сценаріях – один для підтримки браузера, а інший – для пошукових систем. Якщо браузер не підтримує ваше зображення з будь -якої причини, він відображатиме замінений текст замість зображення. Це допоможе користувачам зрозуміти можливе зображення, яке має відображатися, і продовжувати читати без особливих збоїв. Нижче наведено приклад розбитого зображення, що показує альтернативний текст у браузері.

Посібник для початківців із іміджевої SEO

Додатковий текст у несумісному зображенні

Оскільки пошукові системи не можуть повністю зрозуміти значення зображення, вони використовують альтернативний текст як текстовий еквівалент зображення. Настільки ефективне використання альтернативного тексту збільшує можливість видимості сайту в результатах пошуку, особливо під час пошуку зображень.


Статті про оптимізацію пошукових систем


3 Розмір зображення

Використовуйте відповідний розмір зображення, щоб користувачі могли його чітко бачити. Надання дуже маленького або дуже великого зображення змусить користувача збентежитися і покине ваш сайт. Великі зображення також зменшують швидкість завантаження сторінки та впливають на рейтинг у результатах пошуку Google. Переконайтеся, що ви використовуєте правильний розмір зображення, відповідний макету вашого сайту, і уникайте зміни розміру зображень за допомогою CSS під час завантаження.

Ми настійно рекомендуємо стиснути зображення за допомогою сторонніх інструментів перед завантаженням на ваш сайт.

4 Використовуйте чуйні зображення

Минули дні, щоб показувати більші зображення, які не відповідають ширині мобільного пристрою. Використовуйте адаптивну або чуйну технологію, яка автоматично змінює розмір зображень відповідно до ширини пристрою перегляду. Це забезпечить читабельність, тому користувачі будуть схильні робити закладки та повертатися на ваш сайт.

Посібник для початківців із іміджевої SEO

Адаптивний сайт

4 Розміщення зображення

Показуйте свої зображення в місці, де користувачі можуть легко бачити їх, пов’язані зі змістом. Показ непов’язаних зображень або розміщення їх у невідповідному місці змусить користувача збентежитись щодо призначення зображення. Це також стосується графічних оголошень, якщо ви показуєте оголошення на своєму сайті.

Пропозиція SEO: Оптимізуйте свій сайт за допомогою спеціальної 14 -денної безкоштовної пробної версії Semrush Pro.

5 Структурування папки зображень

Впорядковуйте всі зображення на своєму сайті в одній папці замість того, щоб розповсюджувати їх під занадто багато різних папок. Це допомагає пошуковим системам переглядати та захоплювати всі зображення вашого сайту з одного місця, а не шукати в різних місцях. Також рекомендується класифікувати зображення під місячними підтеками з метою фільтрації. Деякі системи управління контентом, такі як WordPress, пропонують цю функцію за замовчуванням, що полегшує ведення домашнього господарства для веб -майстрів.

6 Відповідний тип зображення

Існує багато загальних типів зображень, таких як PNG, JPEG, GIF та BMP. Кожен тип зображення служить для різних цілей і підходить для різних випадків. Хоча всі веб -переглядачі підтримують ці загальновживані типи зображень, перевіряють якість та розмір зображень на вашому сайті та оптимізують їх відповідно. Існують також нові типи зображень, такі як JPEG2000 та WebP. Google закликає веб -майстрів використовувати ці оптимізовані типи зображень. Однак не всі браузери підтримують ці нові типи зображень. Тому при використанні нових типів зображень переконайтеся, що стандартні зображення PNG або JPEG подаються як резервні.

7 Зображення Карта сайту

Якщо ви використовуєте зображення як основне джерело трафіку на своєму сайті, то було б добре створити карти сайту сайту із зображенням та надіслати їх пошуковим системам, подібним до звичайної XML -карти сайту. Зображення Карта сайту повинна містити деталі зображень на кожній сторінці, щоб пошукові системи могли легко сканувати та індексувати їх відповідно.

8 Ліниве завантаження

Відкладене завантаження-це метод відстрочення позаекранних зображень, які користувачі наразі не переглядають. Якщо на сторінці є багато зображень зверху вниз, має сенс показувати зображення користувачам у видимій частині екрана. Інші зображення вниз на сторінці завантажуватимуться лише тоді, коли користувач прокрутить до цієї позиції. Ви можете застосувати ледаче завантаження самостійно за допомогою стороннього сценарію або знайти відповідний плагін залежно від використовуваної вами системи керування вмістом.

9 Обслуговування зображень із субдомену

Зображення може сказати тисячі слів. Хоча передати повідомлення із зображеннями легко, використання кількох зображень на сторінці значно збільшить час завантаження сторінки. Кожне зображення на сторінці надсилатиме на сервер окремий http -запит і сповільнюватиме завантаження, ніж текстовий вміст.

Можливим рішенням для збільшення швидкості завантаження сторінки є подання всіх ваших зображень з іншого домену або субдомену. Це допомагає паралельному завантаженню зображень і покращує швидкість завантаження сторінки. Оскільки зображення є статичними файлами без файлів cookie, розміщення з окремого субдомену також збільшить показник завантаження сторінок для ваших сторінок.

10 Використовуйте кешування та CDN

Користувачі матимуть доступ до вашого сайту з усього світу. Ви можете легко кешувати статичні файли зображень за допомогою CDN і подавати їх з найближчого розташування до користувача. Це покращить швидкість завантаження, а отже, підвищить рейтинг пошукової системи. Крім того, ви також можете використовувати кешування браузера для зображень у файлі конфігурації сервера, щоб повідомити веб -переглядачу про дійсність кешування.

Що можна і чого не можна робити із зображеннями:

Нижче в таблиці показано, що потрібно і чого не можна використовувати, використовуючи зображення на своєму веб -сайті для кращої видимості пошукової системи:

З Не варто
Використовуйте описову назву та альтернативний текст, що стосується вашого вмісту Загальні назви файлів, такі як "untitles.bmp" або "image1.jpg"
Введіть альтернативний текст для посилань на зображення Надзвичайно довга назва файлу та альтернативний текст
Надішліть зображення Sitemap пошуковим системам Вставка ключових слів у альтернативний текст
Використовуйте посилання на зображення лише за потреби Надзвичайно використовуйте посилання на зображення для навігації
Стискайте та змінюйте розмір зображень Використання великої кількості нестиснених зображень на сторінці
Увімкніть кешування браузера та обслуговуйте його з домену cookieless Обслуговування забагато зображень з того самого домену, де доступний текстовий вміст

Джерело запису: webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі