. A skutečnost, že se tento blok nachází uvnitř seznamu, jehož prvek má identifikátor id="text-10″ .

A již z třídy „textwidget“ je jasné, že kód, který potřebujeme, se nachází ve widgetech. A pokud ano, pak je zbytečné hledat všechny tyto prvky, kterým jsme věnovali pozornost. Protože ve většině WordPress témata widgety na panelu webu jsou generovány dynamicky. To znamená, že v kódu souboru odpovědného za sitebar ( sidebar.php) bude převážně php kód. Což nebude nijak ukazovat na konkrétní widget.

Proto pojďme na administrativní panel WordPress - « Vzhled» — "Widgety" a vyhledejte požadovaný widget.

A zde k parametrům obrázku přidáme atribut alt.

Před Po alt="Infomarketing 20/80" !}/>

To je vše.

S widgetem je ale vše jasné, zvládne ho každý. Co takhle specifické prvky design?

Jako příklad uvedu šablonu, kterou nyní používám, pouze v její originální verze. To znamená, že ve fázi instalace již bylo 21 chyb (chybějící atribut alt).

Otevřete kartu "kód stránky" a analyzovat kód. Hledáme prvky, na kterých můžeme lpět, pomocí kterých můžeme najít požadovaný soubor a kód.

V parametrech vyhledávání byste měli vybrat hledání všech souborů, jejichž kód obsahuje zmínku o prvku, který hledáte. V našem případě název souboru obrázku.

Dále je lepší to udělat záložní kopie(zkopírujte jej samostatně do počítače) a můžete začít upravovat. V Total Commander Stačí vybrat soubor a stisknout F4. Nebo můžete soubor zkopírovat do počítače a otevřít jej pomocí programu Notepad++. No, nebo alespoň přes Poznámkový blok.

Otevřete tedy soubor a vyhledejte požadovaný kód. Můžete použít vyhledávání CTRL+F.

Našli jsme to a vložili povinný atribut alt. Tedy se všemi obrázky, které ji nemají.

Po provedení změn soubor uložte a znovu zkontrolujte pomocí analytických nástrojů.

Přátelé, takto se do obrázků přidávají alt atributy. Tak jako jasný příklad podívejte se na video tutoriál. A nezapomeňte, že je lepší provést všechny tyto úpravy šablony na

A samozřejmě si o tom obecně přečtěte článek. Zjistíte, že mnoho obrázků šablon nejenže nemá alt tagy, ale nejsou vůbec optimalizovány.

A to je pro mě dnes vše. Těším se na vaše komentáře. Veškerý úspěch a Mít dobrou náladu! Uvidíme se u nových videí a článků.

Ahoj lidi. Abychom neztráceli čas, pojďme to stručně a k věci.

Název obrázku je nápis, který se objeví, když najedete kurzorem na obrázek. To je nutné k tomu, aby návštěvník napověděl. Řekněte, co je na obrázku nebo kde hledat.

Alt obrázky – z anglické slovo alternativní. Je to jako tohle užitečná věc, které vyhledávače rády indexují, aby určily, co je zobrazeno. Bude také viditelné, pokud uživatel zakáže zobrazování obrázků v prohlížeči. Což nedává smysl a dělá se to ve vzácných případech.

Pokud však uživatel vypne zobrazování grafického obsahu nebo dojde k nějakému selhání na něčí straně, pak se místo obrázku zobrazí malá ikona s textem. Tento text je alt obrázku.

Alt a titulní obrázky pro SEO

Pro titulní obrázek má minimální hodnota. Není snadno indexovatelné, ale může vám hrát do karet, pokud jde o faktory chování. Je rok 2018, SEO nyní znamená použitelnost a kvalitní obsah. Proto jakýmkoli způsobem upoutejte pozornost uživatele.

Jen se nad tím zamyslete, je příjemnější, když se na obrázku objeví popis.

A tady alternativní obrázky- to je poklad. Za prvé, GoogleBot považuje jeho absenci za chybu; Yandex je loajálnější. Za druhé, je snadno indexován a takový obrázek skončí ve vyhledávání v sekci „Obrázky“. To znamená, že tímto způsobem můžete přitahovat další provoz na váš web.

Za třetí, protože je indexovaný, je možné ho použít ke zvýšení hodnoty stránky. Bude dobré, když do alt napíšete jeden navíc nízkofrekvenční požadavek. Tady je ale potřeba být opatrný.

Jak správně vyplnit alt a název u obrázků

S názvem je vše mnohem jednodušší. Pro vyhledávač neexistují žádná pravidla, ale to neznamená, že zde píšete nějakou herezi. Výše jsme shrnuli faktory chování. Je vhodné, abyste uživatele neobtěžovali, ale abyste mu byli užiteční.

1) Nemělo by to být dlouhé. Souhlasím, 4řádková nápověda způsobí odmítnutí.

2) Musí se nějakým způsobem vztahovat k obrázku.

3) Neměly by být duplikovány s hlavním nadpisem, nadpisy h1-h5 nebo atributy alt.

Alt obrázky mají u vyhledávače váhu, takže jsou zde omezení s pravidly, ale jsou i možnosti.

1) Jedno slovo nestačí, je vhodné se držet v mezích 3 slov. Maximální počet znaků je 250.

2) Musí odpovídat obsahu obrázku.

4) Pokud možno, nemělo by se opakovat s jinými alt na stránce.

Takže až budete na svůj blog přidávat další obrázek, přemýšlejte. Možná ji někdo bude chtít najít? Zkuste to proměnit v extra provoz.

Kde vyplnit alt a název obrázků pomocí příkladu WordPress

Například ve WordPressu stačí přejít z ovládacího panelu (konzole) do sekce "média" — "Knihovna". Dále vyberte libovolný obrázek.

Nebo při úpravě článku jednoduše klikněte na libovolný vložený obrázek a poté na tužku.

Samozřejmě, na příklad wordpressu Je nejjednodušší to ukázat, ale mnoho populárních CMS tuto příležitost poskytuje. Zde je například Joomla. Mají své vlastní podvodní kameny, ale pro většinu grafického obsahu můžete nastavit alt, pokud stisknete "Upravit obrázek"

To je vše. Opravdu doufáme, že jsme vám byli užiteční. Pokud ano, dejte like. To nás motivuje k vytváření kvalitnějšího a zajímavějšího obsahu!

S pozdravem Vaše Esence.

Zadejte alt a název

Při propagaci článku na blogu nebo produktu v internetovém obchodě se SEO hrají obrázky významnou roli. Existují uživatelé hledat zboží podle obrázku. A aby vaše produkty nebo blog byly vyšší in Výsledky vyhledávání, stojí za to věnovat pozornost značkám obrázků. Je to o o alt a titulu. Úspěch ve výsledcích vyhledávání závisí na tom, jak píšeme alt a title.

Co jsou značky? Obecně řečeno, když jsme , vyhledávač vidí, že obrázek v článku odpovídá jeho názvu a tématu. Atribut je zaměřen na roboty a přímo ovlivňuje hodnocení webu. A když zadáme nadpis, když najedete na fotku, objeví se tooltip s textem. Pokud je alt zaměřen na systémové roboty, pak title zlepšuje použitelnost (snadné používání webu). Pokud promyšleně napíšeme nadpis, raději odhalíme téma probírané v článku.

Přidání značky alt

hlavní rys tohoto atributu- významný vliv na vyhledávače a pomoc při uvádění článku na začátek Yandex nebo Google. Čtení štítku vyhledávač rozumí tomu, co je na obrázku. Li zadejte alt správně, v souladu s tématem článku jeho relevance výrazně vzroste. Pěkný bonus– uživatelé ze sekce Vyhledávání obrázků přijdou na web. Proto je použití značky alt výhodné zejména pro internetové obchody.

K čemu dalšímu je tag užitečný? Faktem je, že ne všichni uživatelé mají prohlížeč, který načítá obrázky. Podle různé důvody: z důvodu úspory provozu, z důvodu nízké rychlosti připojení nebo pokud si uživatel sám zakázal zobrazování obrázků. V tomto případě se místo fotografie zobrazí textový popis, specifikováno tagem. Zadání alt je užitečné pro návštěvníky sedící s mobilní zařízení snaží šetřit provoz. Vaše stránky se budou načítat mnohonásobně rychleji. Ale právě rychlost načítání zdroje významně ovlivňuje faktory chování a počet pravidelných návštěvníků.

Podívejme se na příklad přemýšlivého SEO optimalizace. Vybrali jsme stránku o květinách. Níže uvedený snímek obrazovky ukazuje dobře vyplněný atribut title, o kterém bude pojednáno v samostatném odstavci.

Když najedete kurzorem na obrázek, zobrazí se vyskakovací text: jaké květiny dát. Zkontrolujeme, jak se píše alt. Stiskněte kombinaci kláves Ctrl+U. Otevře se kód webu. Nyní stiskněte Ctrl+F pro hledání na stránce. Když napíšete frázi, které květiny koupit, uvidíte správně vyplněný alt tag.

Tito. správce webu se postaral o naplnění obou značek, čímž zlepšil jak pozici ve výsledcích vyhledávání, tak faktory chování. A co žebříčky? Pojďme na vyhledávání obrázků Google. Zadáme požadavek, jaké květiny darovat, a první obrázek je z webu, který kontrolujeme.

Jak vidíte, optimalizace značek funguje skvěle. Dostatečně znalý zadejte alt. Jak to udělat?

• Stručnost je duší vtipu. A dobrý SEO propagace. Přijatelný počet slov je 3-5. Limit tagu je 250 znaků.
• Dostupnost hledaná fráze nebo slova. Pokud má titulní fráze ve vyskakovacím textu větší dopad na uživatele, pak má alt fráze větší dopad na vyhledávač. Ale nepřehánějte to s klíčovými slovy, jinak to robot identifikuje jako spam.
• Stejně jako v případě názvu musí být alt napsán v souladu s obrázkem na stránce.

Jak napsat značku názvu

Atribut title nemá přímý vliv na propagaci. Vyhledávací roboti to neberou v úvahu při hodnocení článku nebo produktu ve výsledcích vyhledávání. V podstatě my napište název volitelný. Jeho role u návštěvníků webu je však vysoká, protože zlepšuje použitelnost webu. Když najedete na obrázek v článku, zobrazí se nápověda, která odhalí podstatu obrázku – ve skutečnosti takto funguje tag title.

Jak správně napsat nadpis?

Toto je příklad dobré optimalizace, protože značka alt, o které jsme hovořili výše, je na webu dobře umístěna. Pokud správně napíšete nadpis, vylepší to článek z hlediska behaviorální faktory a bude příjemným doplňkem užitečnosti článku.

Pojďme si to shrnout. Značka alt je navržena tak, aby přímo ovlivňovala hodnocení ve vyhledávání a apelovala na roboty. Tag title je volitelný, ale je dobrým bonusem ke kvalitě článku. Je vytvořen pro návštěvníky.

Pro dosažení maximálního efektu při optimalizaci článku doporučujeme obrátit se na profesionály. Specialisté na propagaci se v tématu dobře orientují a dovedně pracují s vyhledávacími programy klíčová slova. Velkou roli hrají rozsáhlé zkušenosti s řešením problémů. V důsledku toho získáte funkční výsledek a vaše stránky se budou moci dostat na vrchol ve vyhledávačích.

Nevím, jestli používáte vyhledávání obrázků Google nebo Yandex, ale mohu říci jednu věc, i když ji nepoužíváte, používají ji stovky milionů uživatelů RuNet. Vzhledem k čemu obrovská postava návštěvnost, kterou jsme vytvořili, je vhodné zvýšit návštěvnost internetového projektu i zvýšením návštěvnosti z vyhledávání obrázků.

Pokud mluvíme o uživatelích vyhledávačů, mají většinou buď informační, nebo komerční záměry. Bez ohledu na to, jaký druh zdroje máte, informační nebo komerční, bylo by pro vás hezké přilákat jeden nebo druhý a nejlepší scénář všem možným uživatelům. Aspoň za ně bojovat.

V boji o návštěvníky z vyhledávání obrázků nám pomůže atribut ALT. Nejdůležitější atribut, jehož hodnota spočívá v tom, co přesně vypovídá vyhledávač o tom, co přesně je zobrazeno na obrázku. Atribut alt je zároveň optimalizátorem nastaven do podoby, v jaké jej uživatelé zadávají do vyhledávání.

Pro začátek si udělejme libovolný obrázek a jako příklad se podíváme na to, co zahrnout do alt tagu a co za to zjevně nestojí.

1. "Foto č. 1", nebo něco takového. Rozhodně byste tedy neměli zadávat atribut alt! Popisuje obrázek čistě technicky a vůbec neprozrazuje jeho obsah.
2. „Malý chlapec v klobouku“- takový popis na jednu stranu dobře vystihuje obrázek, ale na druhou stranu žádný nezachytí smysluplný požadavek, který je pro komerční projekty zcela nevhodný. A nedoporučoval bych to ani informačním stránkám. S největší pravděpodobností budou diváci hledat čepici inzerovanou malým klukem a žádost bude položena jiným způsobem. Zároveň jsou roztomilí chlapci a dívky zváni na focení, aby se zvýšila konverze.
3. "Pletená čepice", "dětská čepice"- takové dotazy jsou blízké tématu. Uživatelé se tímto způsobem opravdu ptají a rozhodně dokážete zaujmout cílová skupina a nasměrujte její pozornost na váš produkt. Klobouků je však mnoho. I na vašem webu může být sekce věnovaná pouze dětským čepicím, proto je lepší požadavek poněkud upřesnit kvůli uživatelům, kteří přesně vědí, co chtějí.
4. „Společnost na pletené čepiceBizonoff" - tuto možnost se jeví jako optimální, protože přesně odráží jak to, co je zobrazeno na fotografii, tak v maximální míře uspokojuje potřeby uživatelů. Tento alt odráží název společnosti, slovo „cap“ odráží rozměry produktů (alespoň napovídá, že tyto velikosti nejsou velké), a také jak je daný produkt vyroben. Pokud ve svém internetovém obchodě, vstupní stránka nebo jen informační stránka existuje standardní produkt s jinou barvou Můžete to zohlednit v atributu alt -. „společnost s pletenými čepicemiBizonoff hnědá".
5. "Pletená čepice, dětská čepice, recenze dětských čepic, čepice pro dítě"- Věnujete se „duchovní masturbaci“, něčemu nevysvětlitelnému. Z tak dlouhé délky nebude žádný smysl a lidé tomu říkají přílišná optimalizace. Za takové věci můžete v nejhorším případě narazit na sankce ze strany vyhledávačů. V lepším případě nedojde k sankcím, ale ani k vyčerpání z takového jednání.

Jak nastavit atribut alt

1. Délka textu v atributu alt by měla být až 230–250 znaků. V tomto případě je minimální délka 3-4 slova. To je vysvětleno čistě praktickými pozorováními - je velmi obtížné napsat alt, který odráží celou podstatu toho, co je zobrazeno, v méně než 3 slovech.
2. Text musí obsahovat klíčové dotazy pomocí kterého mohou uživatelé obrázek najít. Je důležité pochopit, že klíče v atributu alt a klíče stránky jsou různé věci.
3. Žádný spam. Velmi důležité! Nepřidávejte slova " cena, "cena", "recenze", "cena"... Tato slova fotku nijak necharakterizují, pokud na obrázku není skutečný screenshot cenovek, ceníků a recenzí. Pak je to samozřejmě možné a nutné.
4. Váš zdroj vždy má technické obrázky- ikony, obrázky, šipky, obrázky na pozadí a tak dále. U nich radím, abyste do atributu alt nic nepsali. To ukáže technickou povahu obrázků. Někomu se tam podaří vložit klíčová slova stránky, ale není to led. Nezahrávejte si s tím vyhledávací roboty– jsou to fakt super kluci.

Pár slov o atributu title pro obrázky

Na základě našich vlastních experimentů v oblasti propagace můžeme s jistotou říci, že se bere v úvahu pouze titul vyhledávací algoritmus Yandex a zcela ignorován společností Google. Osobně používám název pouze pro účely použitelnosti. Pokud se bavíme o tom, co napsat do nadpisu, tak to vkládám stejně jako do alt. Vysvětluje se to tím, že napsat něco jiného než text ve viole je prostě velmi, velmi obtížné. Ano, a dalo by se říci, že není potřeba.

V dnešní době je obtížné si představit webové stránky bez obrázků, zejména internetové obchody a katalogy produktů. Koneckonců tohle skvělá cesta upoutat pozornost návštěvníků, předvést produkt a motivovat potenciální klienty spáchat cílené akce: nákup produktu nebo objednání služby. Více o tom, k čemu jsou ještě potřebné obrázky a na jakých stránkách by měly být, si můžete přečíst v našem článku „Výběr a optimalizace obrázků pro web“.

Použití obrázků zvýší atraktivitu vašeho webu a pomůže vám na něm udržet návštěvníky, ale co je důležitější, další provoz na váš web může přicházet z vyhledávání obrázků v Yandexu nebo Google (pokud správně používáte atributy Alt a Alt). Značka názvu ).

Jaký je atribut Alt pro obrázky

Atribut Alt pro obrázky- toto je text, který popisuje obrázek v html tagu . Zobrazí se, pokud obrázek nelze načíst. Na místě nenačteného obrázku se zobrazí text (pokud je vyplněn atribut Alt).

Pojďme to porovnat. Takto bude vypadat uvolněný obrázek bez vyplněného atributu Alt:

A to je ten obrázek s textem " Pračka Slavda WS30T/ET" v atributu Alt tagu :

Atribut Alt umožňuje zjistit, co je na obrázku zobrazeno, když to uživatel nevidí. Napsaný text v atributu Alt je navíc zohledněn vyhledávacími roboty při indexování webu. Nakonec optimalizace názvů obrázků a atributů Alt ve značce zjednodušuje vyhledávání obrázků, například v Yandex nebo Google Images.

Jak správně sestavit atribut Alt pro obrázky

1. Optimální počet slov je 3-5, ale délka textu tagu není větší než 75-80 znaků. Doporučujeme udržovat informace krátké a výstižné, ale k věci.
2. Předpokladem je použití klíčových dotazů.
3. Pro usnadnění vyhledávání je lepší používat klíčová slova v nominativním případě.
4. Vyhněte se spamu: nedoporučujeme výpis velký počet klíče oddělené čárkami, jako v jiných značkách.
5. Je nutné, aby Alt odkazoval na text stránky a popisoval, co je zobrazeno na obrázku.

Atribut názvu pro obrázky

Kromě atributu Alt byste měli také zahrnout text do atributu Title. Tento parametr určuje další informace o obrázku, když uživatel na obrázek najede myší:

Vyplněný html kód Atribut názvu u obrázků to vypadá takto:

Správně složený atribut Title dokonce pomáhá zlepšit faktory chování.

Jak správně skládat názvy obrázků

1. Atribut Title musí odpovídat obrázku. Neměli byste do něj psát něco, co s obrázkem nemá nic společného.
2. Pro pohodlí uživatelů je lepší použít krátký Titulek – nikomu se nebude chtít číst kilometrovou nápovědu k obrázku.
3. Přítomnost klíčových slov je žádoucí. Neměli byste používat slova jako „fotka“, „obrázek“ atd., protože už je jasné, co to je.

Příklad správného vyplnění atributů Alt a Title pro značku

Podívejme se na příklad, jak můžete zadat text do atributů Alt a Title pro obrázek. K tomu si vezměme obrázek z webu stavební firmy.

Na sestavení Alt Musíte se zaměřit na to, co prodáváte/nabízíte. Pro obrázek z našeho příkladu by bylo vhodnější skládat alt „Stavba domu z klády“ spíše než jen „dům“ nebo „stavba“.

Atribut názvu pro tohoto obrázku Můžete jej trochu upravit a napsat takto: „Stavba srubu“.

Potíže s vyplňováním Alt a Title

Pomohou vám správně vyplněné atributy Alt a Title pro obrázky optimalizace pro vyhledávače místo. Nezapomeňte však na další aspekty optimalizace obrázků, jako je „váha“, kvalita a název obrázků. Pokud nemáte čas skládat atributy Alt a Title, můžeme vám pomoci a udělat práci za vás.