Optimalizace SEO obrázků s WordPress

10 min.
WordPress Optimalizace SEO obrazu

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

Obrázky, fotografie, infografika a další ilustrace se staly nedílnou součástí psaní vysoce kvalitních článků. Neuvolňují však pouze text nebo nevyjasňují některé procesy lépe, než by mohla slova. Místo toho můžete se správným postupem učinit své webové stránky ještě rychlejšími, ale také snadněji zjistitelnými 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 ve svém průvodci optimalizací textů pro vyhledávače. Spolu s tímto příspěvkem máte nejdůležitější rady pro WordPress Seo.

Kromě toho google sám i konkurenti menších vyhledávacích služeb nabízejí vyhledávání obrázků. Vyhledávače mají přístup k vašim webovým stránkám. Tak proč velká příležitost image SEO s WordPress Nechat jít?

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

Nejprve se podívejme na SEO pro obrázky nezávisle na WordPress . Pokud do příspěvku zahrnete vysoce kvalitní obrázky, můžete přitáhnout pozornost mnoha návštěvníků: uvnitř vás. Svou roli zde však nehrají pouze vyhledávače. Pokud 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 viditelnost, protože samotné obrázky lze samozřejmě nalézt ve vyhledávačích – nejen ve vašich textech. Někdo by si mohl najít cestu na vaše webové stránky. Malý příklad, prosím?

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

Používám vyhledávání Google a zadávám termín "těstoviny receptury". Ale protože nechci mít jen recept v textové podobě, změním se na vyhledávání obrázků. Tam mi nyní budou ukázány krásné těstoviny:

Vyhledávání obrázků Google
Vyhledání receptu pomocí Vyhledávání obrázků Google

Opravdu 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 na odpovídající stránce, která se s obrázkem SEO snaží.

Takže pokud používáte optimalizaci vyhledávače pro obrázky správně, můžete oslovit 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é aktivní každý den? Na sociálních sítích, jako je Facebook, Twitter, Instagram, Pinterest, LinkedIn & spol.

Pojďme pokračovat v točení výše uvedeného příkladu. Řekněme, že provozuješ blog o jídle. Jak skvělé by bylo, kdyby návštěvníci, kteří našli váš recept s vámi, sdíleli doprovodný příspěvek na sociálních médiích? Takže kliknete na tlačítko sdílet například pro Facebook. A pokud neexistuje žádný rozumný obrázek o příspěvcích nebo je řádně integrován, pak vidí velmi smutný obraz, a to žádný.

V tomto formuláři vás příspěvek nezvou k kliknutí nebo sdílení. Právě naopak, příspěvek bude ztracen v rozlehlosti sociální sítě – a nebude zohledněn. Pouze pokud je vedle textu zobrazen vhodný obrázek, pak to výrazně zvyšuje atraktivitu:

Sdílení na Facebooku
Příklad vložených obrázků ve sdílení na Facebooku

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

Odkud děláte vysoce kvalitní obrázky?

Často se jedná o malý problém s vysoce kvalitními obrázky. Problém právní povahy. S jistotou budete vědět, že už nemůžete jednoduše používat Vyhledávání obrázků Google ke kopírování obrázků. Jsou chráněny autorským právem. Takže máte následující možnosti:

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

Ne každý web má k dispozici rozpočet, který umožňuje nakupovat drahé obrázky akcií. Například z Fotolie nebo Shutterstocku. U 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é pak mohou skončit draze.

Platformy, jako je Pixabay, označují, jak je používat. Ale již došlo k soudní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 specifikace licence. Z těchto důvodů jsem si vybral obrázky, které jsem sám vytvořil, kde hodně pracuji s textovým obsahem. Mohu je publikovat s čistým svědomím bez jakýchkoli právních důsledků. S webem, který se mnohem více spoléhá na obrázky, byste se v případě potřeby měli jít jinou cestou.

Efektivní používání SEO obrázků

Jak můžete optimalizovat obrázky pro SEO? Za tímto způsobem bych vám rád poskytl několik běžných postupů, které vám pomohou získat větší viditelnost. V další části vám ukážu, jak se tyto procesy používají pro vaše seo obrázky WordPress chytá se. Vzhledem k tomu, že instalace WordPress Plugins řešení problému.

Neohodnocené obrázky zhoršují vaše hodnocení

Většina lidí, kteří vlastní web, si myslí, že optimalizace obrázků pro vyhledávače je o lepším zastoupení ve vyhledávání nebo v náhledu sociálních sítí. Ale tak to není. Obrázky je také třeba vylepšit s ohledem na výše uvedené webové životně důležité funkce Google Core. Zde je použitelnost vašeho webu, viz tento článek o novém faktoru hodnocení. Kromě toho vaše cílová skupina stále více surfuje po internetu pomocí smartphonu.

Takže pokud mají webové stránky velké a neoptimální obrázky, web se načítá pomalu a uživatel musí být trpělivý. Ale kdo chce čekat na neooptimizované obrázky? Výsledkem bude horší hodnocení Google od května 2021.

Velikost obrázku

Proto byste se měli snažit zachovat velikost obrazu co nejméně během vytváření, aniž byste ztratili kvalitu obrazu. Pokud obrázky vytvoříte sami, můžete to ovládat pomocí programu pro úpravu obrázků. Přizpůsobené formáty webových stránek (tj. šířka a výška v pixelech, pro obrázky příspěvku v závislosti na WordPress Theme ) se v tomto ohledu rovněž ukázaly jako velmi účinné. Pak je nutné WordPress neškálte obrázky zbytečně.

Pokud jste pořídili snímek profesionální kamerou, mohly by to být tisíce pixelů. Obsah webové stránky je většinou omezen na šířku. Proto by mělo smysl nahrát obrázek pouze v této šířce. Zejména proto, že je rychle až několik MB ve velikosti, což již není nutné v moderním webovém designu - a zabíjí vaše doby načítání.

Formát a komprese

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

Kde JPG umožňuje vyšší kompresi, a proto může výrazně zmenšit velikost souboru. Za tímto způsobem kvalita obrazu trochu trpí. Mezitím AVIF a WebP pro WordPress jiné 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 mohl přiřadit data.

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

Mimochodem, metadata nemají nic společného s názvem obrazových souborů. Měli byste to pojmenovat před nahráním, tj. s popisem obsahu. Vraťme se k příkladu blogu o jídle. Těstovinová mísa s mletým masem by se proto měla nazýt "nudlový talíř s mletými omáčkami k vaření.jpg". Metadata jsou jednoduše vložena do zdrojového kódu jako HTML pro obrázky – to dělá WordPress pokud se vám při nahrávání zobrazí obrázky s odpovídajícími informacemi, více o tom později.

Například zdrojový kód správně zásobeného obrázku může vypadat takhle:

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

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

Optimalizace obrazu mimo WordPress

Pokud vytváříte nebo upravujete obrázky sami pomocí programu pro úpravu obrázků, jako je Gimp nebo Photoshop, měli byste kliknout na řešení v WordPress zřeknou se. Optimalizace přímo v programu je jednodušší a úspornější. Zde je příklad z Photoshopu:

Komprese obrazu photoshopu
Komprese obrazu ve Photoshopu

Od původního souboru obrázku příspěvku k tomuto textu, soubor JPEG s 340 KB, ve velikosti obrázku 2560×1440, původně přes 4 MB. A to s sotva viditelnými omezeními. V PNG, v závislosti na obrázku, je částečně podobný.

Pokud nyní snižujete rozlišení snímků, tj. WordPress Theme můžete vytvořit ještě menší velikosti souborů. Například v mém vlastním blogu mají obrázky na obálce velikost 720×360 pixelů. Toto je z Theme a může vám přináštkovat něco jiného.

WordPress Plugins pro kompresi obrazu

Chcete své obrázky přímo do WordPress komprimovat namísto externí varianty nebo navíc? Pak si přečtěte své srovnání 5 populární Plugins komprese obrazu. Zobrazuje také správný pracovní postup pro tuto důležitou práci.

Velikost obrázku v WordPress Najít

Malá poznámka o velikostech obrázků v WordPress . Můžete je snadno zjistit, ale nemají nic společného s mediálními informacemi v obecném nastavení WordPress dělat:

Nastavení médií v aplikaci WordPress
Nastavení média v WordPress Řídicího panelu

Zde najdete WordPress použitých standardních velikostí. Generováno během nahrávání WordPress další obrázky v těchto velikostech. To však nemění velikost, protože jsou ve vašem WordPress Theme být zastoupeny.

Některé Themes dát vám možnost to udělat v nastavení, ostatní ne. Poté můžete snadno 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 podkatenož "Zobrazit grafické informace".

Pokud se tam píše, že velikost obrázku byla zmenšena na jinou velikost, budete muset znovu upravit odpovídající obrázky. Protože v WordPress Theme má jinou velikost, než jakou jste ji vyřezali.

Metadata v WordPress Definovat

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 zviditelní. A protože můžete společnosti Google & Co. ukázat, o čem píšete na svých webových stránkách.

Proto si představte obrázky jako nezbytný doplněk obsahu. Aby tyto vyhledávače rozpoznaly potenciál, potřebujete výše uvedená metadata. Jak již bylo popsáno, měli byste do obrázků před nahráním přidat název souboru optimalizovaný pro SEO. Proto pojmenováte obrázky velmi přesně. Název by měl odrážet to, co je na obrázku.

WordPress nabízí zadání metadat pro obrázky přímo při nahrávání. Doporučuji však nepřidávat obrázky přímo při psaní, ale procházet mediální galerii. Chcete-li to udělat, klepněte do back-endu WordPress vlevo jednoduše přidejte do souboru Media >. Zde můžete vybrat a nahrát obrázek 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. S tímto, WordPress mediální soubor a zobrazí jeho nejdůležitější informace. Zde nyní můžete vyplnit místa označená červeně na obrázku:

Metadata pro obrazy v WordPress
Metadata pro obrazy v WordPress Vložit

Pokud později použijete obrázek v Gutenberg editor, automaticky obdrží odpovídající meta informace. Nepoužívejte obrázky vícekrát. Místo toho ji nahrajte znovu s novým názvem souboru a novými metadaty. Tyto informace jsou obvykle optimalizovány pro konkrétní příspěvek.

Opožděné načítání obrázků v WordPress

Aby bylo možné získat co nejrychlejší web, který odolá novým základním webovým životně důležitým funkcím společnosti Google, měl by být načten pouze ten potřebný obsah. Obrázky, které se zobrazují ve spodní části dlouhého článku, nemusí být zobrazeny ani načteny na začátku.

To je místo, kde přichází do hry takzvané líné načítání. Takže zpožděné načítání obrázků, které nejsou v oblasti "nad rámec" – oblast, kterou čtenář vidí přímo. I když tato funkce byla dosud používána pouze s určitými WordPress Plugins možné, například s autoptimize nebo WP Optimize (pouze z Premium), těmi, kteří mají alespoň WordPress 5.5.

To je místo, kde je opožděné načítání již vzato v úvahu v jádru kódu. Protože WordPress 5.7 dokonce i Lazy Load pro iFrames. Pokud máte nainstalovanou starší verzi, měli byste určitě provést aktualizaci.

Opožděné načítání iframes v WordPress
Opožděné načítání poznámek pro iFrames na WordPress .org

Ukládání do mezipaměti pomocí WordPress

Můžete dosáhnout významného zvýšení výkonu WordPress s použitím mezipaměti. Zde můžete rozlišovat mezi ukládáním prohlížeče do mezipaměti, které do zařízení vkládá pouze určité soubory, a ukládáním do mezipaměti na straně serveru. V druhém případě je dynamicky generovaný obsah WordPress navíc poskytovány ve statických souborech na serveru.

V důsledku toho nemusí webová stránka při každém volání adresovat databáze. Protože tyto přístupy zvyšují na jedné straně rychlost načítání a na druhé straně zatížení, které musí váš server nést. Zejména pro velké webové stránky s mnoha návštěvníky to může být vyzkoušený a testovaný prostředek k úsporě zdrojů.

Nevýhoda: Nemůžete dynamicky vytvářet určitý obsah stránky. Pokud například používáte různé reklamní bannery, budete je muset vyloučit z ukládání do mezipaměti. Nebo přijměte, že se v příspěvku nepřepínou. Také v internetových obchodech s WooCommerce Chcete-li, aby proces objednávánífungoval správně, je třeba zvážit určité výjimky.

Kromě velmi rozsáhlých Plugins stejně jako WP Rocket, který je nabíjecí a nabízí mnoho nastavení, můžete také použít zdarma Plugins například optimalizace WP nebo celková mezipaměť W3. RAIDBOXES nabízí vlastní ukládání do mezipaměti na straně serveru. Mezipaměť NGINX se aktivuje před WordPress převezme velení. Tímto způsobem mohou být webové stránky dodány bez WordPress Zpomaluje. Další výhoda: Nemusíte WordPress Mezipaměti Plugin více a nemusíte se starat o propracovaná nastavení.

WordPress Optimalizace výkonu

Chcete vědět, jaké jsou nejdůležitější seřizovací šrouby vašeho WordPress Výkon? Pak si přečtěte našeho průvodce tímto . Také naše výkonná e-kniha na toto téma Webpage Správně změřte rychlost.

Závěr k seo obrázku s WordPress

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

Zejména proto, že Google věnuje více pozornosti době načítání, má smysl nejen věnovat pozornost meta datům. Zpřístupnit obrázky ve správném formátu souboru, komprimované a s přesnými velikostmi. Vaši návštěvníci: děkujeme za informace, které potřebujete. Pokud je obsah stále správný, nic nestojí v cestě vašemu úspěchu.

Další články o SEO o wp unboxed , který vám pomůže ve společnosti Google & Co.:

Vaše dotazy týkající se seo obrázků WordPress

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

Ronny Schneider je profík na SEO a WordPress. Na svém blogu pravidelně píše o tom, jak lze úspěšně koncipovat blogy a online časopisy. Kromě toho poskytuje pomoc při nastavování blogů s WordPress i při jejich optimalizaci.

Podobné články

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena *.