Kapcsolati adatok

Bizalom és konverzió

A látható telefonszám bizalmi jel. Ha a látogató nem találja, arra jut, hogy nem akarsz elérhető lenni. Webshopnál ez kosárelhagyás, szolgáltatónál elmaradt ajánlatkérés.

Gépi olvashatóság

A kapcsolati adat az egyik legkönnyebben kinyerhető tény egy oldalról. Ha megvan, az oldal tény-sűrűsége azonnal nő. A modell a válaszban meg tudja adni, hogyan érnek el téged.

E-E-A-T és hitelesség

Az E-E-A-T értékelésben a beazonosítható üzemeltető alapkövetelmény. A kapcsolati adat, az impresszum és a LocalBusiness séma együtt adják ki, hogy egy valódi cég áll az oldal mögött.

Üzleti következmény

Egy hiányzó fejléc-telefonszám mérhető bevételkiesés. A riportokban ezt látjuk: sok oldalnál a legolcsóbb javítás hozza a legnagyobb hatást, mert egyetlen sablonfájlba kell beírni egy sort.

Kikre vonatkozik

• Szolgáltató cégek: itt a telefonhívás a fő konverzió, a szám hiánya közvetlen veszteség.
• Webshopok: vásárlás előtt és után is keresik az ügyfélszolgálatot.
• Helyi vállalkozások: bolt, rendelő, műhely, ahol a cím és a nyitvatartás is kapcsolati adat.
• B2B oldalak: hosszú döntési ciklus, több ember keresi ugyanazt az elérhetőséget.

Kikre vonatkozik kevésbé

• Személyes blogok, ahol nincs üzleti ajánlat. Itt elég egy e-mail cím.
• Zárt belső rendszerek, intranet, admin felületek.
• Staging és fejlesztői környezetek: ezeket amúgy is noindex alá kell tenni.

Magyarországon a webshopnál ez nem stílus kérdése. A fogyasztói tájékoztatási kötelezettség miatt az elérhetőségnek szerepelnie kell, lásd még a jogi megfelelőség témakört.

1. Nyisd meg a kezdőlapot, és nézd meg a fejlécet meg a láblécet. Ott van szöveges telefonszám és e-mail cím?
2. Nyiss meg egy szolgáltatás- vagy termékoldalt. Ugyanaz az adat ott is látszik?
3. Jelöld ki egérrel a telefonszámot. Ha nem tudod kijelölni, az kép, nem szöveg.
4. Nyomj Ctrl+U-t (forrás megtekintése), és keress rá a számra meg a kukacra.
5. Futtass egy gyors parancssoros ellenőrzést, hogy lásd, mit kap a robot: curl -s https://pelda.hu | grep -Eio '[a-z0-9._%+-]+@[a-z0-9.-]+'
6. Nézd meg a devtools Network fülén, hogy az adat az eredeti HTML-ben van-e, vagy csak utólag tölti be egy script.
7. Ellenőrizd a Rich Results teszttel, hogy az Organization séma tartalmaz-e telephone és email mezőt.

Jó jel

• A telefonszám a fejlécben van, tel: linkkel, nemzetközi formátumban.
• Az e-mail cím nyílt szövegként szerepel, mailto: linkkel.
• Ugyanaz az adat minden fő oldalon megjelenik, mert sablonból jön.
• A séma és a látható szöveg ugyanazt mondja.

Rossz jel

• A szám csak a Kapcsolat aloldalon van.
• Az e-mail cím képként vagy info [kukac] pelda.hu formában szerepel.
• Az adatot JavaScript írja be betöltés után.
• Több oldalon különböző telefonszám szerepel, és egyik sem a jelenlegi.
• Csak egy kapcsolati űrlap van, semmi más.

A cél minden rendszerben ugyanaz: szöveges e-mail cím és telefonszám a globális sablonban, hogy minden fő oldalon megjelenjen.

WordPress

1. Megjelenés > Widgetek vagy a téma Customizer felülete: keresd a fejléc és lábléc területet.
2. Tegyél be egy HTML widgetet a tel: és mailto: linkekkel.
3. Ha a téma nem ad fejléc-mezőt, szerkeszd a gyerektéma header.php fájlját.
4. Blokk-témánál a Megjelenés > Szerkesztő alatt a Header és Footer sablonrészbe írd be.
5. Az Organization séma telephone mezőjét is töltsd ki a SEO-bővítményben.

Shopify

1. Online Store > Themes > Customize: az Announcement bar vagy a Header szekcióba írd be a számot.
2. A footer szekcióban add meg az e-mail címet és a céges adatokat.
3. Mélyebb beavatkozáshoz: Edit code, majd sections/header.liquid.
4. A settings_schema.json fájlban felvett mező után a szám a téma beállításai közül szerkeszthető.

Unas

1. Beállítások > Áruház adatai: itt add meg a hivatalos elérhetőségeket.
2. Megjelenés > Sablon szerkesztés: a fejléc és a lábléc szabad HTML-mezőjébe kerüljön a tel: link.
3. A Kapcsolat oldal tartalmát is frissítsd, de ne csak ott legyen az adat.

Shoprenter

1. Beállítások > Áruház beállítások: a bolt telefonszáma és e-mail címe.
2. Megjelenés > Téma szerkesztő: a fejléc sablonba szúrd be a hívható linket.
3. Statikus oldalaknál a lábléc modulokat használd, hogy mindenhol egységes legyen.

Egyedi fejlesztés

1. Az elérhetőségeket egy helyen tárold: konfigurációs fájl, környezeti változó vagy CMS-mező.
2. A layout sablon fejléc és lábléc komponense ebből olvasson.
3. Ne kliensoldalon rendereld: a gépi olvasat a szerver által küldött HTML-ből dolgozik.
4. Írd ki ugyanezeket az adatokat JSON-LD formában is, ContactPoint típussal.
5. Egyetlen forrás, több megjelenés: így nem fordulhat elő eltérő szám két oldalon.

• A telefonszám csak a Kapcsolat oldalon van, pedig a döntés a szolgáltatásoldalon születik, és onnan nincs türelem továbbkattintani.
• Képbe égetett e-mail cím vagy szám: spamvédelemnek gondolják, de a keresőt és a nyelvi modellt zárja ki, a spamrobotokat nem igazán.
• info [kukac] pelda [pont] hu írásmód: az ember bosszankodik, a gép pedig nem tudja e-mail címként értelmezni.
• JavaScript írja be az adatot betöltés után, így az első HTML-válaszban, amit a robot lát, nincs benne semmi.
• Nincs tel: link: mobilon nem indul a hívás, kézzel kell átírni a számot.
• Eltérő adatok az oldalon és a sémában: a látható szám más, mint a JSON-LD-ben lévő, ez rontja a bizonyosságot.
• Csak kapcsolati űrlap van: az űrlapból a gép nem nyer ki elérhetőséget, és a látogató sem tudja, kihez ír.

Fejlécbe vagy láblécbe való minimális, gépileg is olvasható megoldás:

<div class="kapcsolat">
  <a href="tel:+3612345678">+36 1 234 5678</a>
  <a href="mailto:info@pelda.hu">info@pelda.hu</a>
  <address>1051 Budapest, Példa utca 1.</address>
</div>

A tel: link mobilon hívást indít, a mailto: levelet nyit. A szám nemzetközi formátumban, szóközök nélkül kerül a href-be.

Ugyanez strukturált adatként, hogy a séma és a látható szöveg egyezzen:

{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Példa Kft.",
  "url": "https://pelda.hu",
  "email": "info@pelda.hu",
  "telephone": "+36-1-234-5678",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Példa utca 1.",
    "addressLocality": "Budapest",
    "postalCode": "1051",
    "addressCountry": "HU"
  },
  "contactPoint": {
    "@type": "ContactPoint",
    "contactType": "customer service",
    "telephone": "+36-1-234-5678",
    "availableLanguage": ["hu", "en"]
  }
}

Gyors ellenőrzés parancssorból, hogy a robot által letöltött HTML-ben benne van-e az adat:

curl -s https://pelda.hu | grep -Eo 'tel:[^"]+|mailto:[^"]+'

Ha ez üres választ ad, az adatot kliensoldali script tölti be, és a robot nem látja.

Mit néz ebből a riport

A riport a „Kapcsolati adatok” szabályban azt vizsgálja, hogy a fő oldalak HTML-jében szerepel-e kinyerhető e-mail cím és telefonszám. Magas hatású, kód hatókörű tételként jelenik meg, mert egy sablonmódosítással orvosolható. Az audit ajánlása: tüntess fel jól látható e-mail címet és telefonszámot minden fő oldalon.