WordPress image SEO optimization

SEO optimalizace obrázků s WordPress

Nejpozději od Google Core Web Vitals a rychlosti načítání faktoru hodnocení byste měli brát téma obrázků SEO vážně. Existuje několik způsobů, jak optimalizovat obrázky ve WordPressu. Zde je náš přehled nejdůležitějších tipů a nástrojů.

Obrázky, fotografie, infografiky a další ilustrace se staly nedílnou součástí psaní vysoce kvalitních článků. Nejenže však text uvolňují nebo objasňují některé procesy lépe, než by to dokázala slova. Spíše se správným přístupem můžete své webové stránky ještě zrychlit, ale také ještě lépe najít ve vyhledávačích.

WordPress SEO Texty

Jak připravit své blogové příspěvky a vstupní stránky pro vyhledávače obecně, ukážu vám v mých pokynech optimalizovat texty pro vyhledávače. Spolu s tímto příspěvkem máte nejdůležitější rady pro vaše WordPress SEO.

Kromě toho jak samotný Google, tak konkurenti menších vyhledávacích služeb nabízejí vyhledávání obrázků. Tak proč nechat velkou příležitost image SEO s WordPress za sebou?

Jak SEO obrázků ovlivňuje vaši viditelnost?

Nejprve se podívejme na SEO pro obrázky nezávisle na WordPressu. Pokud do příspěvku začleníte vysoce kvalitní obrázky, můžete přilákat pozornost mnoha návštěvníků. Svou roli zde však nehrají jen vyhledávače. Pokud si obrázky připravíte odpovídajícím způsobem, může to ovlivnit různé aspekty.

Na jedné straně výrazně zvýšíte svou viditelnost, protože vaše obrázky samy o sobě lze samozřejmě najít ve vyhledávačích - nejen vaše texty. Někdo by mohl najít cestu na vaše webové stránky. Chtěli byste malý příklad?

Vyhledávání obrázků na Googlu

Používám vyhledávání Google a zadávám termín "recept těstoviny". Ale protože nechci mít recept jen v textové podobě, přepnu na vyhledávání obrázků. Tam se mi nyní ukazují krásné těstoviny:

Vyhledávání obrázků Google
Najděte recept pomocí Vyhledávání obrázků Google

Moc se mi líbí třetí obrázek zleva. Nudle vypadají opravdu chutně. Z tohoto důvodu kliknu na obrázek a pak skončím s odpovídající stránkou, která vynaložila úsilí s obrázkem SEO.

Pokud tedy používáte optimalizaci pro vyhledávače obrázků správně, můžete cílit na mnoho dalších lidí. Ale to je jen jeden příklad z mnoha.

Sociální média

Protože obrázky ovlivňují nejen vyhledávače, ale i lidi. A kde jsou lidé denně aktivní? Na sociálních sítích, jako je Facebook, Twitter, Instagram, Pinterest, LinkedIn & Spol.

Pojďme výše uvedený příklad dále otočit. Řekněme, že provozujete blog o jídle. Jak skvělé by bylo, kdyby návštěvníci, kteří s vámi našli váš recept, sdíleli odpovídající příspěvek na sociálních médiích? Takže kliknete na tlačítko sdílení, například pro Facebook. A pokud neexistuje žádný rozumný obrázek příspěvku nebo správně integrovaný, pak vidí velmi smutný obrázek, jmenovitě žádný.

V tomto formuláři vás příspěvek nezve ke kliknutí nebo sdílení. Naopak, příspěvek se ztratí v rozlehlosti sociální sítě - a nebude brán v úvahu. Pouze pokud je vedle textu zobrazen vhodný obrázek, výrazně se tím zvyšuje atraktivita:

Sdílet obrázek na Facebooku
Příklad vložených obrázků během sdílení na Facebooku

Například s blogem o jídle byste neměli používat obrázky, které se skládají převážně z textového obsahu. Tam můžete očekávat hotový recept. Čas od času však stále vybírám textové obrázky. Vysvětlím proč v další části.

Odkud získat vysoce kvalitní obrázky?

U vysoce kvalitních obrázků je často malý problém. Problém právní povahy. Budete vědět, že ke kopírování obrázků již nemůžete používat pouze Vyhledávání obrázků Google. Ty jsou chráněny autorským právem. Nyní tedy máte následující možnosti:

  • Používání placených platforem
  • Použití obrázků bez licenčních poplatků
  • Vytvářejte nebo fotografujte obrázky sami

Ne každý web má k dispozici rozpočet, který vám umožní zakoupit drahé obrázky. Například z Fotolia nebo Shutterstock. V případě obrázků bez licenčních poplatků (např. na Unsplash nebo Pexels) existuje nebezpečí, že nebyly vždy nahrány autory. Existují dokonce zprávy o sofistikovaných podvodech, které mohou skončit jako drahé.

Platformy, jako je Pixabay, naznačují možná použití. Ale již došlo k právním sporům, které skončily na úkor majitelů webových stránek. Proto můj tip: Při stahování pořiďte snímek obrazovky s licenčními informacemi. Z uvedených důvodů jsem se rozhodl pro vlastní vytvořené obrázky, kde hodně pracuji s textovým obsahem. Mohu je zveřejnit s čistým svědomím bez jakýchkoli právních důsledků. S webovými stránkami, které se mnohem více spoléhají na obrázky, byste se měli vydat jinou cestou.

Používejte obrázky SEO efektivně

Jak můžete optimalizovat obrázky pro SEO? Nejprve bych vám rád poskytl některé běžné postupy, aby vaše obrázky nebo vaše webové stránky mohly dosáhnout větší viditelnosti. V další části vám ukážu, jak mohou být tyto procesy implementovány pro vaše seO obrázků pomocí WordPressu. Protože instalace pluginů WordPress není vždy řešením problému.

Neoptimalizované obrázky snižují vaše hodnocení

Většina, která vlastní webové stránky, si myslí: Optimalizace obrázků pro vyhledávače je o tom, že je lépe zastoupena ve vyhledávání nebo v náhledu sociálních sítí. Ale tak tomu není. Obrázky je také třeba vylepšit s ohledem na Google Core Web Vitals zmíněné na začátku. Jedná se o použitelnost vašich webových stránek, viz tento příspěvek o novém faktoru hodnocení. Kromě toho vaše cílová skupina stále více surfuje po internetu pomocí svého smartphonu.

Pokud tedy webové stránky mají připravené velké a neoptimalizované obrázky, pak se webové stránky načítají pomalu a uživatel musí být trpělivý. Ale kdo chce čekat na neoptimalizované obrázky? Výsledkem bude horší hodnocení Google od května 2021.

Velikost obrázku

Proto byste se měli snažit udržet velikost obrázku při jeho vytváření co nejmenší, aniž byste ztratili kvalitu obrazu. Pokud vytvoříte obrázky sami, můžete to ovládat pomocí programu pro úpravu obrázků. Přizpůsobené formáty pro webové stránky (tj. Šířka a výška v pixelech, pro obrázky příspěvků v závislosti na tématu WordPress) se také ukázaly jako velmi efektivní. Pak WordPress nemusí zbytečně škálovat obrázky.

Pokud jste pořídili snímek profesionálním fotoaparátem, mohlo by to být tisíce pixelů. Ve většině případů je obsah webových stránek omezen šířkou. Proto by dávalo smysl nahrát obrázek pouze v této šířce. Zejména proto, že je pak rychle až několik MB ve velikosti, což již není nutné v moderním webovém designu - a zabíjí vaše časy načítání.

Formát a komprese

Formát obrázků často souvisí s kompresí a několika dalšími faktory. Například zatímco obrázky s průhlednými prvky budou s větší pravděpodobností uloženy jako PNG, formát JPG je vhodnější pro barevné grafiky.

Kde JPG umožňuje vyšší kompresi a může tedy výrazně zmenšit velikost souboru. Kvalita obrazu však trochu trpí. Mezitím s AVIF a WebP pro WordPress existují další formáty, které jsou určeny pro budoucnost. Dávají vám ještě lepší výsledky.

Správné vyplnění metadat

Většina vyhledávačů je stále založena na takzvaných metadatech. Jedná se v podstatě o informace, které web ukládá do zdrojového kódu, aby vyhledávací služby mohly přiřadit data.

Google jako největší poskytovatel je technicky velmi pokročilý a nepotřebuje metadata tak podrobná jako malé vyhledávače. Přesto bych je vždy uložil. Nepoškozuje vaše webové stránky a přináší šanci být nalezen s dalšími uloženými větami a slovy.

Mimochodem, metadata nemají nic společného s názvem obrazových souborů. Měli byste je pojmenovat před nahráním - tj. S popisem obsahu. Vraťme se k příkladu blogu o jídle. Těstovinový pokrm s omáčkou z mletého masa by se proto měl nazývat "nudlový talíř s omáčkou z mletého masa na vaření.jpg". Metadata jsou jednoduše vložena do zdrojového kódu jako HTML pro obrázky - WordPress to udělá za vás, pokud při nahrávání poskytnete obrázkům odpovídající informace, více o tom později.

Zdrojový kód správně vyplněného obrázku může například vypadat takto:

<img src=“domain.de/Nudel-Teller-mit-Hackfleischsauce-zum-Kochen.jpg“ alt=“Nudel Teller mit Hackfleischsauce“ title=“Nudel Teller mit Hackfleischsauce“ />

Značka alt představuje alternativní (textový) popisek, který lze zobrazit, pokud se obrázek nezobrazí. Například kvůli zastaralému prohlížeči nebo nefunkčnímu odkazu atd. Je však také důležitý pro lidi, kteří používají čtečku obrazovky . To je další důvod, proč byste měli věnovat pozornost diskusnímu obsahu zde (bezbariérové webové stránky). Značka názvu obrázku (nezaměňovat s titulní značkou webové stránky!) se používá k zobrazení dalších informací o obrázku během přejetí myší.

Optimalizace obrázků mimo WordPress

Pokud vytváříte nebo upravujete obrázky sami pomocí programu pro úpravu obrázků, jako je Gimp nebo Photoshop, měli byste to udělat bez řešení v aplikaci WordPress. Je jednodušší a úspornější pro optimalizaci přímo v programu. Zde je příklad z Photoshopu:

Komprese obrazů aplikace Photoshop
Komprese obrazu v aplikaci Photoshop

Původní soubor post obrázku pro tento text se původně stal souborem JPEG o velikosti 340 KB ve velikosti obrázku 2560×1440. A to s téměř viditelnými omezeními. S PNG je to – v závislosti na obrázku – částečně podobné.

Pokud nyní snížíte rozlišení obrázků, tj. Přizpůsobíte je tématu WordPress, můžete vytvořit ještě menší velikosti souborů. Například v mém vlastním blogu mají titulní fotografie velikost 720×360 pixelů. To závisí na tématu a může pro vás vypadat jinak.

WordPress pluginy pro kompresi obrázků

Chcete komprimovat své obrázky přímo do WordPressu, namísto externí varianty nebo navíc? Pak si přečtěte naše srovnání 5 populárních pluginů pro kompresi obrazu . Také vám ukáže správný pracovní postup pro tuto důležitou práci.

Zjistěte velikost obrázku ve WordPressu

Malá poznámka o velikostech obrázků v aplikaci WordPress. Můžete je snadno zjistit, ale nemají nic společného s podrobnostmi o médiích v obecném nastavení WordPressu:

Nastavení médií ve WordPressu
Nastavení pro média ve WordPressu Dashboard

Zde můžete nastavit výchozí velikosti používané WordPressem. Při nahrávání WordPress generuje další obrázky v těchto velikostech. To však nezmění velikosti, jak jsou zobrazeny ve vašem tématu WordPress.

Některé motivy vám dávají možnost to udělat v nastavení, zatímco jiné ne. Pak můžete jednoduše přejít na své webové stránky v prohlížeči a blíže se podívat na obrázek - například obrázek příspěvku - kliknutím pravým tlačítkem myši. Protože pak najdete podpoložku "Zobrazit grafické informace".

Pokud "Rozměry" říkají, že obrázek byl zmenšen na jinou velikost, budete muset ve skutečnosti znovu upravit odpovídající obrázky. Protože v tématu WordPress je v tomto okamžiku zadána jiná velikost, než jste ji přizpůsobili.

Definování meta informací ve WordPressu

Obrázky hrají důležitou roli v optimalizaci pro vyhledávače, a to nejen proto, že vylepšují texty. Spíše proto, že vás to zviditelňuje. A protože můžete Googlu a spol. ukázat, o čem píšete na svých webových stránkách.

Proto přemýšlejte o obrázcích jako o nezbytném doplňku obsahu. Aby uvedené vyhledávače rozpoznaly potenciál, potřebujete výše uvedené meta informace. Jak již bylo popsáno, měli byste před nahráním poskytnout obrázky s názvem souboru optimalizovaným pro SEO. Proto pojmenujte obrázky velmi přesně. Název by měl odrážet to, co je vidět na obrázku.

WordPress vám nabízí zadání metadat pro obrázky přímo během nahrávání. Doporučuji však, abyste obrázky nepřidávali přímo při psaní, ale projděte galerii médií. Chcete-li to provést, jednoduše klikněte na Media -> File na levé straně backendu WordPress. Zde pak můžete vybrat a nahrát obrázek z počítače pomocí tlačítka se stejným názvem.

Po úspěšném nahrání se zobrazí tlačítko "Upravit", na které kliknete. WordPress otevře mediální soubor a zobrazí jeho nejdůležitější informace. Zde můžete nyní vyplnit místa označená červeně na obrázku:

Metadata pro obrázky ve WordPressu
Vložení metadat pro obrázky do WordPressu

Pokud pořídíte snímek později v Gutenberg Editor, automaticky obdrží odpovídající meta informace. Nepoužívejte obrázky vícekrát. Místo toho je nahrajte znovu s novým názvem souboru a metadaty. Protože tyto informace jsou obvykle optimalizovány pro velmi specifický příspěvek.

Líné načítání obrázků ve WordPressu

Aby bylo možné získat co nejrychlejší webové stránky, které vydrží nové Základní webové funkce společnosti Google , měl by být načten pouze obsah, který je v současné době nezbytný. Obrázky, které jsou zobrazeny ve spodní části dlouhého článku, nemusí být zobrazeny nebo načteny na začátku.

Zde vstupuje do hry tzv. Lazy Loading . Jinými slovy, zpožděné načítání obrázků, které nejsou v oblasti "nad záhybem" - oblasti, kterou čtenář vidí přímo. Zatímco tato funkce byla možná pouze s určitými pluginy WordPress, například s Autoptimize nebo WP Optimize (pouze od Premium), ti, kteří mají alespoň WordPress 5.5 nainstalován, se mohou radovat.

Protože tam je líné načítání již zohledněno v jádru kódu. Od WordPress 5.7 dokonce Lazy Load pro iFrames. Pokud jste nainstalovali starší verzi, měli byste určitě provést aktualizaci.

Lazy Načítání iframech ve WordPressu
Vysvětlení lazy loading pro iFrames na WordPress.org

WordPress Hosting Obrázky Cache

Můžete dosáhnout výrazného zvýšení výkonu v aplikaci WordPress pomocí mezipaměti. Zde lze rozlišovat mezi ukládáním do mezipaměti prohlížeče, které ukládá pouze určité soubory na koncovém zařízení, a ukládáním do mezipaměti na straně serveru. S tím druhým je dynamicky generovaný obsah WordPress navíc k dispozici ve statických souborech na serveru.

Výsledkem je, že webová stránka nemusí adresovat databáze při každém přístupu. Protože takové přístupy zvyšují na jedné straně rychlost načítání a na druhé straně také zátěž, kterou musí váš server nést. Zejména u velkých webových stránek s mnoha návštěvníky to může být osvědčený prostředek k úspoře zdrojů.

Nevýhoda: Určitý obsah stránky nemůžete vytvářet dynamicky. Pokud například používáte různé reklamní bannery, budete je muset vyjmout z ukládání do mezipaměti. Nebo přijměte, že se v příspěvku nemění. Také s e-shopy s WooCommerce musíte zvážit určité výjimky, aby proces objednávání fungoval správně.

Kromě velmi rozsáhlých pluginů, jako je WP Rocket, který je zpoplatněný a nabízí mnoho nastavení, můžete také realizovat ukládání do mezipaměti pomocí bezplatných pluginů, jako je WP Optimize nebo W3 Total Cache. Raidboxes nabízí vlastní ukládání do mezipaměti na straně serveru ve svém hostingu WordPress. Mezipaměť NGINX se aktivuje dříve, než WordPress převezme příkaz. Takže webové stránky mohou být dodány, aniž by se WordPress zpomalil. Další výhoda: Již nepotřebujete plugin pro ukládání do mezipaměti WordPress a nemusíte se starat o složitá nastavení.

Optimalizujte výkon WordPress

Chcete vědět, jaké jsou nejdůležitější nastavovací šrouby vašeho výkonu WordPress? Pak si přečtěte naše pokyny. Stejně tak naše výkonnostní e-kniha na téma rychlost webových stránek správně měří.

Závěr o image SEO s WordPress

Optimalizace WordPress z hlediska obrázků může být opravdu užitečná. To nejen zvyšuje vaše hodnocení, ale také vám umožní přilákat další provoz. Na druhou stranu to dělá nějakou práci. Zvláště na začátku, kdy je pro vás téma stále nové. Postupem času to však jde rychleji a dosáhnete silných výsledků.

Zejména proto, že Google věnuje stále větší pozornost dobám načítání, má smysl nejen věnovat pozornost meta informacím. Zpřístupněte obrázky ve správném formátu souboru, komprimované a s přesnými velikostmi. Vaši návštěvníci vám děkují, protože web rychle poskytuje informace, které chtějí. Pokud je obsah správný, nic nestojí v cestě vašemu úspěchu.

Další články o SEO na wp unboxedkteré vám pomohou s Google & Co.:

Vaše dotazy týkající se image SEO s WordPress

Jaké otázky máte k tomuto tématu? A jaký tip můžete doporučit? Neváhejte použít funkci komentáře. Chcete více příspěvků o WordPress a SEO? Pak nás sledujte na Twitteru, Facebooku, LinkedIn nebo prostřednictvím našeho newsletteru.

Líbil se vám tento článek?

Svou recenzí nám pomůžete zlepšit náš obsah.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.