› › Html5 aside tag definuje. Nové značky struktury HTML5. Zvyšování kvalifikace na toto téma

Html5 aside tag definuje. Nové značky struktury HTML5. Zvyšování kvalifikace na toto téma

Kontaktní stránka je jednou z klíčových stránek komerčního webu. Mělo by se zaměřit nejen na propagace vyhledávače(i když to je také důležité), jak moc návštěvníky plně informovat. Kontaktní údaje společnosti jsou komerční faktory hodnocení – vyhledávače je používají k hodnocení zdroje z hlediska jeho konkurenční výhody před podobnými weby.

Přirozeně, perfektní stránka kontakty neotevře přímou cestu do TOP-3, ale její přínos bude důležitý v celé strategii propagace. V tomto článku se podíváme na to, jak správně navrhnout stránku „Kontakty“ na webu, abychom získali další plus pro karmu webu v očích PS.

Dostupnost na 1 kliknutí

Kontaktní stránka by se měla otevřít jedním kliknutím z libovolné stránky zdroje. Odkaz na něj je vhodné umístit do první viditelné části obrazovky: obvykle se jedná o horizontální nabídku v záhlaví webu. Můžete také duplikovat odkaz v zápatí, aby uživatel mohl najít způsoby komunikace tím, že dočte informace až do konce a skončí ve spodní části webu. Odkaz na kontaktní stránku se doporučuje umístit co nejvýše v kódu - tedy vyhledávací robot dá tomu vyšší prioritu.

Micro markup v rozložení

Atributy Schema.org je lepší zahrnout do HTML kódu při rozvržení kontaktní stránky. Použití standardizovaných mikroznaček umožní vyhledávačům lépe studovat zdroj a získávat z něj důležité informace a zaměřit se na to ve výsledcích výsledky vyhledávání. Jednoduše řečeno, v úryvku kdy správné nastavení zobrazí se adresa, region a další údaje, což zlepší míru prokliku. Podrobné informace Vyhledávače ve své nápovědě poskytují informace o použití syntaxe Schema.org. Uveďte také ve štítku název společnosti a klíčové slovo (například „Kontakty“, „Trasa jízdy“ nebo „Adresa kanceláře“). Například, <title>Společnost Venik - Kontakty»

Použití povinných prvků

Kontaktní stránka by měla obsahovat úplný seznam způsoby, jak kontaktovat společnost (vč fyzická adresa), informace o provozním režimu. Poskytněte klientům co nejvíce informací – a budete mít méně odpovědí na „hloupé“ otázky, jak zavolat na obchodní oddělení nebo na jakou adresu poslat obchodní poptávku. Požadované prvky stránky Kontakty:

  • telefonní číslo s předvolbou (číslo pevné linky má vždy přednost před mobilním číslem). Ještě lépe - pokud společnost používá bezplatné číslo s kódem 8(800). Mobilní čísla by měla být sekundární, nikoli primární. Nebylo by na škodu uvést počty klíčových specialistů společnosti;
  • adresa – musíte uvést skutečnou adresu poštovní adresa s indexem. To výrazně zvyšuje úroveň důvěry ve společnost (pouze pokud je na kontaktní stránce mobilní číslo a pole zpětná vazba, důvodně vyvstává otázka - před kým se skrývá?);
  • e-mail. V tomto případě je lepší zveřejnit i hlavní adresu a adresy klíčových specialistů/oddělení;
  • pracovní režim – potřebujete uvést informace o pracovní době, úředních hodinách klíčových specialistů, poledních přestávkách, práci o víkendech. Užitečný prvek bude uvádět čas před uzavřením, například: „1 hodina a 14 minut zbývá do uzavření obchodu.“;
  • trasy jízdy – lze je organizovat pomocí vestavěných map Yandex.Maps nebo Google maps. Trasu je lepší doprovodit textovým komentářem pro řidiče a chodce, poskytnout informace o dostupnosti parkování a přístupovém systému. Pro úplný obrázek přidejte GPS souřadnice, zejména pokud se vaše společnost nachází na málo známém místě;
  • vchod do budovy - nejlepší řešení K dispozici bude fotografie, která vám umožní přesně vidět požadované dveře. Lze jej doplnit i o řízené video pomocí technologie. virtuální realita na google mapách.

Dostupnost doplňkových prvků

Pokud na stránce uvedete výše popsané informace, ve většině případů to bude stačit potenciální klienty nebo partneři našli způsob, jak vás kontaktovat a přijít do vaší kanceláře. Ale tyto možnosti lze rozšířit, pokud poskytnete další informace. To zahrnuje:

  • online komunikační nástroje - lakonické formuláře zpětné vazby (doslova - jméno, pole pro e-mailová adresa nebo telefon, pole zpráv), Skype;
  • personalizace zaměstnanců - zveřejnění fotografií a jmen manažerů a klíčových specialistů;
  • video nebo grafika - kancelářská fotografie, video s diagramem pěší trasy;
  • právní údaje - OGRN, INN, kontrolní bod, adresa sídla, celé jméno ředitele a další údaje nezbytné pro partnery;
  • přidat QR kód se základními cestovními informacemi;
  • Tlačítko "Tisk textové verze".

Máte-li mnoho návštěvníků a aktivních klientů, musíte do formuláře zpětné vazby poskytnout captcha, což pomůže odříznout velké množství spamu. Ale nezapomeňte, že captcha je „odrazujícím“ faktorem pro řadu návštěvníků, kteří mohou změnit názor na odeslání zprávy.

Co je dobré, co je špatné

Před vámi jsou dvě stránky kontaktů. První z nich je v TOP-10 Yandexu, druhý je mimo TOP-50. Pomocí získaných poznatků zhodnoťte sami, proč takový rozdíl vznikl.

Správný design stránky "Kontakty".

Nesprávný design stránky "Kontakty".

Co dělat s kontakty na pobočky?

Pokud má společnost několik poboček v rámci jednoho města nebo zastoupení v regionech, musíte se postarat o vytvoření samostatných kontaktních stránek pro každou divizi. Pokud jsou v jednom městě 2-3 pobočky, je vhodné uvést jejich kontakty na jednu stránku, ale stránka by se neměla proměnit v „list“. Pokud existuje mnoho adres, vytvořte pro každou samostatnou stránku a obecná stránka udělat mapu se značkami a odkazy na všechny pobočky popř krátký seznam s odkazy. To se bude líbit uživatelům i vyhledávacím robotům.

Trochu složitější je organizace kontaktních stránek na regionální jednotky. Je docela možné, že budete muset regionální adresy rozdělit na relevantní stránky. V tomto případě však musíte zvážit geografické cílení. V vyhledávače ah – dodávka závislá na zeměpisné poloze. Jednoduše řečeno, obyvatelé Moskvy nebo Petrohradu uvidí ve výsledcích vyhledávání různé stránky pro jakýkoli komerční požadavek. Region je přiřazen vyhledávači při studiu údajů uvedených na stránce „Kontakty“. Proto by bylo logičtější, aby zastupitelské úřady vytvořily samostatné webové stránky na subdoménách a propagovaly je ve výsledcích regionálního vyhledávání.

Kontakty a propagace webových stránek

Nástroje Yandex.Webmaster a Google pro webmastery vám umožňují informovat vyhledávače o regionu vašeho webu, službách společnosti, jejím pracovním plánu, adrese a dalších důležitých údajích, které se zobrazí ve výsledcích vyhledávání. V Yandex.Webmaster k tomu musíte použít nástroje „Oblast webu“ a „Adresy a organizace“. Google je navržen pro toto „ adresy Google" Kromě vysoce kvalitního úryvku vám to poskytne příležitost umístit data společnosti mapové služby– a to přitáhne další provoz.

Umístění kontaktních informací na všechny stránky

Telefon a další kontaktní údaje (nebo odkaz na ně) musí být uvedeny na každé stránce webu. Zároveň musí být dobře viditelné, jinak návštěvník připravený zavolat a objednat si nemusí najít vaše kontakty a přejít ke konkurenci.

Aby si návštěvník mohl vybrat pohodlný způsob objednání zboží, uveďte všechny své kontaktní údaje: telefon, email, Skype, ICQ atd. Ve většině případů je číslo pevné linky důvěryhodnější než číslo mobilního telefonu.

Dostupnost pohodlného a informativní stránka kontakty vám umožní vytvořit efektivní kanál komunikaci s návštěvníky, zvýšit míru důvěry ve společnost. Správná optimalizace této stránky zvýší atraktivitu webu pro vyhledávače a přispěje k tomu celkovou strategiiúspěšná propagace komerčních požadavků. Pro dosažení těchto výhod se neváhejte obrátit na profesionály.

Cap naznačuje, že číslo, které je napsáno uprostřed stránky a je velké, je znatelnější. Udělejte to, pokud chcete, aby co nejvíce klientů mohlo volat a mluvit se zaměstnanci společnosti.

Uveďte kontakty na různá oddělení

Pro velkou společnost, která každý den přijímá obrovský tok zákaznických požadavků, má smysl okamžitě zveřejňovat souřadnice obchodního oddělení, technické podpory, lidských zdrojů a dalších oddělení. Lidé tak budou moci rychleji získat odpověď na svou otázku.

Webové stránky mezinárodního restauračního holdingu „Ginza Project“ obsahují telefonní čísla call centra, PR servisu, HR oddělení a dalších oddělení.

Na webu" Banka Tinkoff» kromě kontaktů na oddělení existují i ​​různé telefonní čísla pro různé kategorie klientů: majitelé kreditní karty, debetní karty a investory.

Kontakty na regionální odbory není nutné vkládat do velkého seznamu najednou. Můžete je zobrazit pouze kliknutím na název požadovaného zastupitelského úřadu. Například jako v sekci kontaktní informace na webu Refinish Avtolac.

Centrum pro mezinárodní výměnu má několik poboček po celém světě. Zástupci společnosti jsou seskupeni do sekcí podle zemí pro pohodlné vyhledávání jejich telefonní čísla a adresy.

Fotografie nápisů offline obchodů na webu pouliční oděvní značky „BatNorton“ pomohou zákazníkům zorientovat se v nákupním centru a najít to správné oddělení.

Kontakty na regionální kanceláře Sayner se zobrazují ve vyskakovacích oknech. Tato technika zbaví kontaktní stránku přebytečných informací. Uživatel se bude moci podrobně seznámit s telefonním číslem a adresou pouze prodejce, kterého potřebuje.

Window Continent má v Moskvě čtyřicet sedm zastoupení. Pro pohodlí zákazníků jsou kontakty zveřejněny na webových stránkách na adrese tři typy: v jednom seznamu, na mapě města a na mapě metra. V posledních dvou možnostech se kontaktní informace zobrazí ve vyskakovacím okně, když kliknete na požadovanou zastoupení.

Napište kontakty na zaměstnance

Člověk důvěřuje jiné osobě více než neosobnímu názvu společnosti. Řekněte nám proto o svých specialistech. Ukažte, že za každou oblast práce společnosti jsou zodpovědní konkrétní lidé.

Zkuste zveřejnit fotografie svých zaměstnanců. Přemýšlejte o tom, které obrázky vzbudí u klientů největší důvěru? Možná to budou fotografie na pracovišti nebo fotografie v oblecích v profesionálním studiu.

Zobrazit trasu

Přehledná mapa tras šetří čas na vysvětlování každému klientovi, jak se dostat do společnosti. A zajistí, že se většina hostů neztratí.

Pěkně nakreslené trasy jízdy. fungují realistické obrázky budovy, parky a další blízké objekty, na které se lidé zaměří při hledání vaší kanceláře.

Mějte však na paměti, že kreslení cestovní mapy je pracný úkol. A nejspíš to bude vyhovovat firmám, které mají málo kanceláří nebo prodejních míst, jedno nebo dvě.

Pokud má společnost mnoho kanceláří nebo reprezentativních kanceláří, pak je jednodušší použít ne ručně kreslenou, ale standardní schéma cestovat Je snadné vytvořit v libovolném návrháři map. A aby kontaktní stránka na webu nebyla zahlcena četnými trasami jízdy, mohou být skryty ve vyskakovacích oknech.

Web Mary Truffle obsahuje ručně kreslené pokyny ke dvěma svatebním salonům.

Na vykreslené mapě trasy do dárkového obchodu Presentstar můžete vidět nejmenší detaily: od kočky pod stromem po mimozemšťany kradoucí žigulík.

Kontakty na zastoupení "Centrum". mezinárodní výměna» jsou zveřejněny na webových stránkách ve formě seznamu. Pokud kliknete na název zastoupení, otevře se ve vyskakovacím okně mapa umístění.

V sekci s kontaktními informacemi na webu PSKB Bank jsou zpočátku skryty pokyny ke každé pobočce. A zobrazí se kliknutím na název kanceláře v rozevíracích blocích.

Na kontaktní stránce značkového internetového obchodu Sony ve vyskakovacím okně uživatel vybere požadované město. A hned poté se na stránce zobrazí příslušné kontaktní informace, pokyny a textový popis jak se tam dostat.

Na stránkách automobilového festivalu „Unlim 500+“ tři různá schémata- pokyny k místu konání akce, mapa driving range a umístění kavárny a jeviště na vyhlídkové terase. Vyberete si požadované schéma - změní se popis na levé straně stránky a mapa na pravé straně.

Na webu Rozovozu jsou kontaktní údaje vyvěšeny v jednom vyskakovacím okně. A již uvnitř okna můžete přepínat dva informační bloky: adresy květinových skladů a telefonní číslo zásilkové služby.

Na stránkách obytného souboru Panorama Skolkovo je možné zakreslit trasu z libovolného bodu na mapě do obchodní kanceláře.

Použijte prostor ve vyskakovacím okně uvnitř mapy

Někdy potřebujete na mapě zobrazit adresy a telefonní čísla několika lidí najednou. maloobchodní prodejny. Pokud ale zveřejníte všechny kontaktní údaje najednou, stránka bude přetížená a bude těžké najít něco konkrétního.

Je vhodné skrýt kontakty ve vyskakovacích oknech, která se objeví po kliknutí na konkrétní bod na mapě. Absence velké množství kontaktní údaje různé obchody, reprezentativní kanceláře a kanceláře vizuálně odlehčují stránku a usnadňují navigaci.

Existují však zajímavější způsoby, jak využít malý kousek volné místo uvnitř vyskakovacího okna na mapě!

Na stránkách restauračního holdingu Ginza Project můžete ve vyskakovacím okně přepínat čtyři informační bloky: adresu restaurace, telefonní číslo, otevírací dobu a nejbližší stanici metra.

Na webu Leto Bank můžete ve vyskakovacím okně na mapě hodnotit práci pobočky na 5bodové škále.

Na stránkách květinového základu „Vše v partě“ ve vyskakovacím okně jsou kromě adresy, telefonu a otevírací doby také fotografie každého skladu.

Ve vyskakovacích oknech na mapě pro pokyny ke studijním střediskům cizí jazyky„J&S“ je tlačítko online volání, odkaz na skupinu VKontakte a několik fotografií. A také taková „standardní sada“ jako adresa, telefonní číslo a provozní doba.

Zveřejněte fotografii vchodu do kanceláře společnosti

Ukažte, jak vypadá vchod do kanceláře firmy. Zvláště pokud nemáte na přední straně budovy vlastní logo. Je jednodušší to ukázat jednou na fotografii, než to pokaždé vysvětlovat klientům slovy.

Napište, jak se dostat do kanceláře

Uveďte několik možností, jak popsat, jak se k vám lidé mohou dostat: pěšky, autem, autem hromadnou dopravou. Představte si sebe na místě člověka, který vystoupil z posledního vagonu metra na stanici Kalužskaja a poprvé se ocitl v ulici Profsojuznaja. Kam by měl jít dál? Na které straně ulice? Kam a kam byste se měli obrátit? Řekněte nám o tom co nejpodrobněji.

Pokyny pro orientační běh mohou být vyvěšeny všechny najednou nebo skryté v informačních blocích, které se otevírají kliknutím myši.

Webové stránky obchodu s dárky Presentstar obsahují pokyny pro turisty a motoristy.

Do Gazpromu můžete přijít nejen pěšky, ale také trolejbusem nebo autem. Popisy vycházek a výletů do kanceláře jsou zveřejněny na stránce kontakty.

Na webu Refinish Avtolac se po kliknutí na odpovídající nadpis objeví popis, jak se do společnosti dostat autem nebo veřejnou dopravou.

Na kontaktní stránce reprodukční kliniky MAMA jsou nejen pokyny pro uživatele trolejbusů a automobilů, ale také pro mimoměstské hosty cestující z nádraží nebo letiště. Bloky s různé texty přepínat kliknutím na ikony s autem, autobusem, vlakem.

Věnujte pozornost textům

Nebuďte nudní, pracujte na textech a nadpisech na své kontaktní stránce. Jasný název zastaví oko bloudit po webu na správném místě.

Rambler říká, že existuje mnoho důvodů, proč mu napsat. Ale na tomto místě by mohla být nějaká fádní fráze jako „Seznam e-mailových adres“.

Značka pletených čepic „Handy Hat“ chce být svým zákazníkům blíže. Pojďte, říká, k nám na VKontakte.

Na kontaktní stránce výrobce dekorativních impregnací „Veres“ je jednoduchá fráze, že výrobky jsou prezentovány ve více než 300 městech Ruska. Na tomto místě by mohl být standardní nadpis „Naši zástupci“. Ale pak by nikdo nevěděl, jak široká je geografie aktivit společnosti.

Umístěte odkaz na kontakty v jiných částech webu

„V černém, černém zápatí, v nejvzdálenějším rohu, mezi tuctem dalších odkazů, je na webu jediný odkaz na kontaktní stránku. Aby to nikdo jistě nenašel,“ je děsivý příběh o jedné firmě, která nechtěla slyšet volání a číst dopisy lidí.

Pokud chcete, aby se ozvalo co nejvíce klientů, pak co nejvíce zviditelnit odkaz na sekci kontakty. Použijte například obrázky k návrhu odkazů.

Kdekoli je to vhodné, uveďte odkaz na kontaktní informace. Píšete například zprávy o nadcházející přednášce slavného obchodního kouče ve vaší společnosti. Je logické článek doplnit o odkaz na kontaktní údaje, aby se na přednášku mohl přihlásit každý.

Na každé stránce webu květinové základny „Vše v balíku“ je jasně viditelný odkaz na adresy skladů.

Sémantické prvky HTML5 jasně popsat jejich význam nebo účel pro prohlížeče i webové vývojáře.
Před příchodem standardu HTML5 se veškeré značkování stránek provádělo primárně pomocí prvků

, kterým byly kvůli jasnosti označení přiřazeny třídy nebo identifikátory (např.
Nahoru