Autor Zpráva
drp
Profil
Dobrý den,
potřeboval bych poradit jaká varianta je z hlediska SEO lepší:
1:<h1>Webové studio <skryte>ErapliX</skryte><img src="eraplix.png" alt="ErapliX"></h1>
2:<h1>Webové studio <img src="eraplix.png" alt="ErapliX"></h1>

Řeším logo na webu http://new.eraplix.eu/. Chci "Webové študio" napsat pomocí html, protože to je font Arial a ERAPLIX potřebuji pomocí PNG protože to je nestandardní font. Přidání fontu pomocí CSS nepřipadá v úvahu, protože kvůli jednomu slovu nebudu přidávat 100kB.

Děkuji za nějaká vysvětlení.
panther
Profil
drp:
alt je textová náhrada obrázku, použij tedy druhou variantu. Nebo ještě lépe, třetí variantu, a sice všechna tři slova do obrázku („webové studio“ je, předpokládám, součástí loga).
drp
Profil
Takže když dám cele logo jako obrázek a potom napíši do alt "Webové studio ErapliX", tak to budou vyhledávače brát jako <h1>Webové studio ErapliX</h1>?
To webové studio se změní na SK stránce na webové študio. Proč je podle vás lepší dát to celé do jednoho obrázku?
margin
Profil *
drp:
Přidání fontu pomocí CSS nepřipadá v úvahu, protože kvůli jednomu slovu nebudu přidávat 100kB.
Nemusíš mít v písmu všechny znaky. Třebas http://www.fontsquirrel.com/fontface/generator v režimu "Expert" má volbu "Custom Subsetting" a do pole "Single Characters" vepíšeš znaky, které budeš požaduješ.

Další možnost je http://interval.cz/clanky/seo-obrazky/
drp
Profil
A stím alt to je jak?
panther
Profil
drp:
A stím alt to je jak?
co jsi nerozumnel na tom, co jsem psal v [#2]? Nektere prohlizece jsou dokonce tak chytre, ze pokud oznacis text vcetne obrazku a chces jej kopirovat, zkopiruje se text vcetne altu daneho obrazku.

Ale jak je to s obrazky a jejich alternativnimi texty, to by mel predstavitel studia nabizejiciho sluzby v oblastni tvorby webu znat, jsou to rozsirene zaklady.
drp
Profil
díky.
Cody
Profil
Osobně bych to vyřešil takto:

<div class="logo">Webové studio ErapliX<span class="Pixyho řešení náhrady textu obrázkem"><img src="eraplix.png" alt="ErapliX"></span></h1> 
<h1>Webové studio Eraplix</h1>

IMHO nejlepší náhrada textu obrázkem je od Pixyho.

A teď k SEO dávat obrázek do H1 nemá moc smysl, dej tam text. Ten alt tomu moc nepomůže. Neklaď vyhledávačům zbytečné překážky.
Plaváček
Profil
drp:

Logo je obrázek, nikoliv nadpis. Má tedy býti vloženo jako obrázek s patřičným alternativním popiskem.
quinux
Profil
Technik pro image replacement jsou hromady, stačí si vybrat. Ale jak píše Plaváček logo je obrázek. Že nemáš kam dát H1 na titulní straně je bohužel častá chyba návrhů, ale tímto bych ji neřešil.
Petr ZZZ
Profil
Cody:
Vloudila se ti tam syntaktická chybka (<div class="logo">...</h1>).
Cody
Profil
Plaváček, quinux:
Souhlasím, pak navrhuji prosté a nejlogičtější:

<div class="logo"><img src="eraplix.png" alt="ErapliX"></div> 
<h1>Webové studio Eraplix</h1>

nebo lepší

<img src="eraplix.png" alt="ErapliX">
<h1>Webové studio Eraplix</h1>



Petr ZZZ:
Zlý a ošklivý a rychlý copy&paste - omlouvám se, mea culpa.
drp
Profil
No logo je to X(e), takže "webové studio ErapliX" se dá chápat jako nadpis.
Cody
Profil
drp:
Omlouvám se, ale tohle „No logo je to X(e)“ nechápu. Co jsi tím chtěl říct?
drp
Profil
No, že to logo je to velké modro-černé X a e. A ten zbytek by se dál chápat jako nadpis.
Udělám to takto:
<img scr="logo.png" alt="ErapliX"><h1>Webové studio <img src="eraplix.png" alt="ERAPLIX"></h1>
jenikkozak
Profil
drp:
A ten zbytek by se dál chápat jako nadpis.
Jakto? Ten nápis má stejný kontext jako to logo. Jak je tedy možné, že logo by nadpisem nebylo, ale text ano?
Plaváček
Profil
drp, jenikkozak:

Komu není rady, tomu není pomoci :)
Marek Prokop
Profil
Dovolil bych si připomenout, že prvek H1 není v HTML povinný. Zrovna tahle stránka ho IMHO k ničemu nepotřebuje. Ale především je to jen detail a podobné teoretické diskuse jsou jen ztrátou času.
drp
Profil
proto do toho dam ten text webove studio... :D a konec. LOCK
quatzael
Profil
Jestli můžu taky poradit, hoď si tam na ty aktivní tlačítka invisible preload ať Ti napoprvé po načtení při najetí myší neblikaj..
A oprav si tu chybu v tom tlačítku dole... "NEZÁVEZNÁ POPTÁVKA" !!!!!

Vaše odpověď

Mohlo by se hodit

Zajímavé čtení:
Poptávání výměny odkazů je na této diskusi nežádoucí.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: