Как да получите органичен трафик благодарение на оптимизирани изображения

Използваме изображения в маркетинга често - те ни помагат да илюстрираме текста, обясняват проблема в опростена и визуално привлекателна форма, понякога помагат за забавление. Понякога дългите и безжизнени текстове са привлекателни и илюстрирани на уебсайтове. Знаете ли обаче, че в допълнение към тези употреби Изображенията също имат много сила в SEO?

В тази статия ще ви покажем различна гледна точка за използването на изображения в дигиталния маркетинг. Няма да се занимаваме с това как най-добре да ги направим по отношение на формата им - визуални елементи и съдържание. Ние се фокусираме върху това как изображенията на вашия уебсайт помагат да се подобри класирането му в резултатите от търсенето с Google. Изображенията, които поставяте на уеб страница, имат три основни параметъра, в които можем да поставим ключовите думи, за които оптимизираме. Позволявайки ключовите думи да се показват в разнообразно съдържание на страница, включително изображения, можем значително да увеличим нейната позиция в резултатите от търсенето с Google. Освен нас правилни правила за маркиране на изображения ще ви помогне да направите самите изображения видими - в Google Image Search, т.е. резултатите от търсенето поотделно за изображения и по този начин да привлечете трафика от Google към нашия уебсайт.

Изображения в Google

изображения

Видове връзки в резултатите от Google

Страницата с резултати от търсенето има първата органична връзка в горната част, последвана от видео ротатор на YouTube с термични инструкции. Следват още две органични връзки, последвани от уведомен блок с пет изображения. Следват още 5 често срещани текстови органични връзки. Общо на страницата има 10 връзки, 8 текста и 2 обогатени фрагмента.

Въведете тази страница в Google и вижте как получавате резултати. Те са доминирани от страниците на нашия клиент ISOVER, на когото помогнахме със SEO за уебсайтовете www.isover.sk, www.isover-eshop.sk и www.vsetkoozatepleni.sk. Благодарение на своите оптимизирани изображения, ISOVER абсолютно доминира на тази страница с резултати и напълно изтласка конкуренцията от нея. Тя се нарежда на първо място по биологични резултати. И трите видеоклипа на втората позиция също са ISOVER и печелят, наред с други неща, трафик към сайта (повече за оптимизиране на видеоклипове в YouTube за Google скоро в отделна статия). Третият резултат отива към isover-eshop. В богатия фрагмент със снимки, първият принадлежи на ISOVER, по-специално от портала Všetko o zateplení, където го оптимизирахме. Трафикът от Google към уебсайтове на ISOVER също предоставя органично съдържание номер 7, което отново отива към уебсайта Всичко за изолацията.

Искате ли да бъдете видими в Google като ISOVER? Направете първата стъпка и се свържете с нас. Ще обсъдим с вас възможностите на SEO проект и ще започнем работа. След няколко месеца страницата с резултати за ключовите думи, които търсят вашите клиенти, може да изглежда подобно.

Самостоятелно търсене на изображения

След като щракнете върху изображението, което се намира директно на първата страница с резултати, неговите детайли ще бъдат показани чрез превключване на Google към втората Раздел Снимки. От детайлите на това и всяко друго изображение, което се показва в този раздел, благодарение на нашата оптимизация на резултатите, потребителят има възможността да дойде на нашия уебсайт, така че можем да получим органичен трафик от Google директно от изображенията. Преминаването към уебсайт от изображение е лесно, просто кликнете върху името на уебсайта, където се намира изображението, или използвайте бутона Посети. Освен това потребителите могат да запазват нашите изображения и да ги споделят в социалните мрежи.

Как да SEO за изображения? Прочетете, за да разберете, наред с други неща:

  • Какво представлява изображение от гледна точка на SEO и каква е разликата между изображение и таблица, например
  • Кои са трите основни параметъра на изображението, които използваме в SEO и ни помагат да получим google трафик
  • Как да използваме ключови думи в тези 3 вида поставени ключови думи

Изображение в мрежата - не всичко е изображение, което изглежда така

Може би си мислите, че това е ясно, но не всяка електронна таблица е електронна таблица и не всичко, което прилича на снимка в мрежата, наистина е картина. Изображението е статичен файл във формат на изображение, най-често използваме JPG и PNG формати в мрежата. Например можем да вмъкнем таблица в мрежата като HTML таблица, т.е. „истинска таблица“, в която Google също ще види въведения текст в нея. Често обаче срещаме факта, че таблица се вмъква в мрежата като изображение. Просто някой запазва електронна таблица, създадена в Excel, например, която е добре форматирана в корпоративни цветове, като изображение чрез функцията за екранен печат и го вмъква в статия в мрежата като изображение, като JPG. Как да разберете дали това, което виждате, наистина е картина или не? Най-лесният начин е да задържите курсора на мишката върху изображението и да натиснете десния бутон на мишката. Ако видите опцията за запазване на изображението, това определено е изображение. Освен това обаче изображението може да е на заден план на някой друг елемент на страницата (чудо), така че просто не можете да го запазите с десния бутон на мишката. Тогава само Inspector или търсене в изходния код може да ви помогне.

Че знаете всичко това? Така че сега при запазване на изображението погледнете името му. Заглавието на изображението ще се покаже, когато го запазите и ако не го преименувате, то ще бъде запазено на вашия компютър. Ето как бавно стигаме до първия от трите параметъра, които използваме за оптимизиране на изображения, и това е името на файла му. Преди да обясним значението и други параметри, можете да опитате да запазите някои изображения на вашия компютър, например от този уебсайт. Какво виждате имената им? Например това последно изображение по-горе в текста се нарича PS-Digital_Ako-na-SEO-v-obrazkoch_Ulozenie-obrazka-z-prehliadaca.jpg.

Съвет: Опитайте да запазите няколко от изображенията от вашия сайт или друг сайт. Как ще им е името?

Как да SEO чрез параметри на изображението

Име на изображението - име на файл

Името на изображението е много важен параметър, който използваме при оптимизацията. Google вижда името на нашето изображение в кода, може да го прочете, така че може да види дали се нарича например xyz125qk.jpg или има оптимизирано име. В случая с нашите изображения можем да видим, че името на изображението може да бъде брандирано, в идеалния случай в началото. Предимството на използването на търговска марка в заглавие на изображението е, че потребителите ще започнат да намират вашите изображения в Google, когато търсят името на вашия бизнес или имена на продукти. Освен това, ако запазят изображението на компютъра си и го намерят отново след няколко седмици, името на вашия бизнес ще светне точно там. Те ще знаят откъде е изображението, информираността на марката се увеличава и те ще знаят, ако искат да го използват, например, към какъв източник трябва да се свърже. По този начин, благодарение на имената на файлове на изображения, ние също можем да получим ценни препратки. Ето защо препоръчваме да използвате унифициран шаблон за именуване на изображения в целия сайт, например, както следва:

Alt тагове

Друг важен параметър е т.нар. alt маркер. Името му е съкращение на думата alternative tag, която е алтернативен етикет за изображението. Това също ще се появи на уебсайта, но само ако изображението не се зареди по някаква причина (деактивирали сте зареждането на изображения, проблеми с връзката и т.н.). В противен случай alt маркерът е невидим за потребителя и се показва само в HTML код. Неговото значение произтича от неговото значение - alt тагът може да бъде видян от потребителя и трябва да му каже за какво става дума в изображението. Следователно даваме кратко описание на изображението като изречение. Възможно е обаче да не се налага да използваме акценти (в момента не използваме акценти в alt тагове). Така че, ако имаме снимка, която показва как правилно да се залепи изолационната плоскост, изработена от EPS полистирол, тогава ще използваме като алтернативен етикет, например залепване на изолационната плоча EPS.

Img заглавен маркер за снимки

Последният от трите важни параметъра на изображението е img заглавен маркер. Това може да се покаже на потребителя, ако мишката се задържи върху изображението (не кликне върху него). Това е разширена информация за изображението, помощ за него. Би трябвало да е полезно за потребителя и да му помогне например, като каже „Щракнете върху изображението и научете повече за процеса на полистиролна изолация“, ако връзката от изображението води към друга страница. Или насърчаваме потребителя да продължи да чете статията под изображението и да не ни оставя защо. Ще помогнем за оптимизиране на степента на отпадане. Следователно маркерите на заглавията на Img са написани на словашки с ударения и обикновено това е изречение, обясняващо или призоваващо за действие.

Тест: Задръжте курсора на мишката върху снимките в тази статия. Имаме ли въведени тагове за заглавие на img? Имаме ли ги с всички снимки или просто някъде? Кажете ни какво мислите за тях.

Твоят уебсайт

Как е вашият сайт? Много уебсайтове не използват потенциала на изображенията. Те нямат правилните заглавия на изображения, често им липсват alt тагове и още по-често нямат никакви тагове за заглавие на img. Разгледайте уебсайта си и разберете дали се справяте добре или имате резервации в тази област. Когато работите с изображения, обикновено е необходимо да извършите ръчни действия със следното, за да стигнете до желаното състояние. всяко отделно изображение. Ето как:

  1. Изтеглете изображението на вашия компютър
  2. Решете дали ключовите Ви думи са подходящи за него
  3. Преименувайте изображението
  4. Проверете разделителната му способност и я намалете, ако е необходимо
  5. Задайте подходящата компресия за него
  6. Качете изображението обратно на уеб страницата и заменете оригиналното изображение в статията
  7. Задайте правилния alt маркер за него
  8. Задайте правилния таг за заглавие на img за него
  9. Запазете статията
  10. Уверете се, че редакциите са отразени в мрежата и всичко е както трябва

Направете това за всичките си изображения и voila, една от стъпките на перфектното SEO, което е оптимизиране на изображения, почти сте готови. Защо почти? SEO не е еднократна работа и ние продължаваме да наблюдаваме ефектите от корекциите и можем да го подобрим допълнително. Повече за SEO мониторинга и текущия анализ скоро в отделна статия.

Открихте ли нещо в тези десет стъпки, което още не сме обяснили? Ако е така, това означава, че четете много внимателно и все още не сте изключили напълно тази статия. Някои ще кажат, защото всичко това е нещо разбираемо. Питаме - наистина? Защо тогава всеки сайт, който започваме да оптимизираме, няма правилните ключови думи в изображенията? И ако не сте знаели всичко, тогава се радваме, ако сте се заинтересували малко и сте стимулирали любопитството си относно SEO проблемите.

Работим с размера на изображенията

И така, как задавате ключови думи за вашите изображения? Как и защо да ги намалим? Защо е важен общият размер на всяка страница? Какви са възможностите за намаляването му? И като инструменти, от които се нуждая при работа с изображения?

Прочетете, за да разберете.

Избор на ключова дума за изображения

Всяка статия е за тема. В SEO се опитваме да накараме Google да види каква е основната тема на вашата статия/страница и да я покажем в резултатите на потребители, които търсят повече информация по тази тема. В допълнение към получаването на органичен трафик от Google, ние също се опитваме да конвертираме, но това е друга тема (вижте статията SEO цели ). Следователно, ако подготвяме целева страница за продукта, който пускаме на пазара, ключовите думи ще бъдат, освен името, също важните му параметри, типа на продукта и всичко, което потенциалните Ви клиенти могат да търсят, ако такъв продукт, респ. . решение на проблема ви, търсете онлайн. Повече за това как да изберете правилните ключови думи за SEO, очаквайте скоро в нова статия.

След като имаме основната тема и ключови думи за конкретната подстраница, по която работим, просто ще ги прехвърлим в изображенията. Освен това всяко изображение илюстрира нещо конкретно, така че естествено във всичките три параметъра на изображението, за които писахме по-горе, вмъкваме полезна информация за читателя - потребителя на вашия сайт. SEO трябва преди всичко да бъде полезен, никога изкуствен. Ето защо трябва да избягвате да използвате ключови думи, които нямат нищо общо с изображението (или темата на цялата страница. Скоро ще намерите отделна статия за това какво да правите и какво да не правите в SEO (SEO трябва и не трябва) в отделна статия.

Размерът на изображенията и цялата страница

Всяко изображение има своя собствена разделителна способност, изразена в пиксели. Ако имате добра камера в мобилния си телефон, разделителната способност на изображението може да бъде много висока, например 4200px широка. Обикновено не се нуждаем от толкова големи снимки в мрежата. За да зададем правилната разделителна способност на изображението, първо трябва да знаем къде да я използваме. Например, ако е в заглавката на изображението на страница на цял екран, можем да изберем по-висока разделителна способност, например 2560px, отколкото в изображения на цял екран на нашия сайт. За други изображения, които се показват само в ширината на статията, ще е достатъчна по-ниска разделителна способност, като например 850px в ширина. Ако обаче искаме потребителят да може да кликне върху изображението и да види по-голям преглед, ще използваме по-висока разделителна способност.

Затова трябва да качим изображението, преди да го качим коригирайте до правилната резолюция. Използването на твърде голямо изображение ще увеличи размера на цялата ни страница. Потребителят ще отнеме повече време за зареждане и ние също ще заредим нашия сървър, който ще трябва да обслужва толкова големи изображения. Не е възможно да се каже какъв е оптималният размер на изображението. Зависи от неговата резолюция, а също и от използваната компресия. Можем да зададем качеството, интензивността на компресия на изображението в JPG или PNG. Например за мрежата можем да компресираме изображение повече, отколкото когато се използва в печатни материали. Размерите на изображенията, които имаме на страницата, се изчисляват, за да ни дадат размера на цялата страница в килобайта или мегабайта. Идеално е нашият сайт да е възможно най-малък. Той ще се зареди бързо и ще бъде по-полезен за потребителите. И Google предпочита сайтове с по-добра използваемост в резултатите от търсенето.

В следващата глава ще ви покажем повече за оптималния размер, неговите измервания и инструментите, които можем да използваме при работа с изображения. Прочетете.

Инструменти за работа с изображения

Графичен софтуер

Няма да се фокусираме върху инструменти, които да ви помогнат да създадете хубави изображения за използване в мрежата или в социалните медии. Има много от тях и много от тях са достъпни онлайн без инсталиране. Ако искате да преименувате изображението, вие също не се нуждаете от никакви инструменти, можете да го направите директно на вашия компютър. Но ако искате да разберете разделителната способност на изображението и да го намалите, имате нужда от графичен инструмент. Професионалните графични дизайнери използват Photoshop, но за тази цел, например, софтуерът Irfanview, който можете да изтеглите безплатно, ще бъде достатъчен. Отворете изображението в Irfanview, натиснете CTRL + R, за да видите разделителната способност на вашето изображение. Задайте нова по-ниска резолюция и запазете изображението. Също така може лесно да бъде изрязано, направете избор на мишката с натискане на CTRL-Y.

Идеална уеб компресия

Правилният, възможно най-нисък размер на изображението може да бъде постигнат чрез компресирането му. Можем да го зададем и директно в Irfanview. Има обаче удобен онлайн инструмент, който ще улесни работата ви - TinyJPG.com. Качвате правилно именуваните си изображения с правилната разделителна способност и той ще ги компресира за вас с най-добрата уеб компресия. След това ги изтеглете и ги качете на вашия уебсайт. TinyJPG.com ви позволява да качвате JPG и PNG изображения, компресията му е много високо качество и изображенията обикновено са значително по-малки след запазване в новия размер, с почти никаква видима разлика в качеството. Внимавайте обаче с изображения с по-малки текстове, тук качеството на TinyJPG.com често е недостатъчно и понякога е по-добре да използвате само уеб компресия от Irfanview.

Размерът на цялата страница

Например GTMetrix може да ви помогне да видите текущия размер на цялата ви страница, както го вижда Google. Ще вмъкнем адреса на подстраницата, която искаме да проучим и GTMEtrix ще ни каже като една от информацията общия й размер в kB респ. MB.

Съвет: Прегледайте размера на уеб страницата преди оптимизацията, след това преоразмерете, качете отново и вижте как сте я преоразмерили

Мързеливо зареждане за снимки

Ако имате една от най-модерните CMS системи, би трябвало да можете да настроите леното зареждане на изображението. Като алтернатива, може вече да сте го настроили предварително за всички ваши изображения. Ако не знаете, попитайте вашия разработчик/уеб доставчик/CMS система. Мързеливо зареждане е технология, която предотвратява зареждането на изображението, за което е зададено, заедно с зареждането на цялата страница в началото. Той не се зарежда, докато потребителят не пристигне в частта от страницата, където е вградено изображението. Следователно е т.нар асинхронно зареждане на съдържание, когато това наистина е необходимо. Нека да илюстрираме това с примера на тази страница, която четете. Това е достатъчно дълго, нали? Съдържа ли и много изображения? Отговорът е да. Ако трябваше да ги покажем всички, докато страницата се зарежда, щяхме да прехвърляме много данни на всеки потребител ненужно, някои от които нямаше да достигнат това дъно. Така че изобщо нямаше нужда да виждат някои от снимките. Следователно, ако ги зареждаме само когато потребителят превърти до тях, запазваме данни по време на предаването, уебсайтът се зарежда по-бързо и ако например потребителят е платил данни в мобилния интернет, той ще бъде приспаднат по-малко от кредита си/граница. Така че Lazy loading е идеалният начин да намалите размера на страницата и да ускорите нейното зареждане.

Например, нашият сайт има множество изображения, но размерът му е минимален. Разбира се, използвахме мързеливо зареждане за всички изображения, с изключение на тези в горната част на тази страница. Ако ни напишете размера на тази страница, ние ще ви изпратим талон за 100 евро като награда за постоянство.

Резюме - Какво ще кажете за изображения в SEO

Използвайте силата и потенциала на изображенията на вашия сайт. Дайте име на всяко изображение правилно, задайте правилните alt тагове и img заглавни тагове за тях. Запазете изображенията с правилната разделителна способност и ги компресирайте с уеб компресия.

Твърде трудно? Свържете се с нас днес и ние заедно ще започнем проект за внедряване на SEO. Ние ще се погрижим за всичко за вас и вие ще се насладите само на предимствата на страхотната органична видимост, трафика от Google и съвременния маркетинг, който поставя видимостта в търсачките на първо място.