Az oldalak és a menü

Modul 4: Oldalak, megjelenés és funkciók · Olvasási idő: 7 perc

Tanulási cél: A lecke után Ön képes oldalakat hozzáadni, átnevezni, áthelyezni és törölni, a menüt almenüvel és saját linkekkel felépíteni, és tudja, mi történik a régi címekkel, a kapcsolati oldallal és a hibaoldallal.

Kulcsfogalmak: oldal, cím (slug), kezdőlap, menü, almenü, alcím, saját link, lábléclinkek, kapcsolati oldal, hibaoldal (404), átirányítás

Miért számít a webhely felépítése?

A látogató néhány másodperc alatt eldönti, megtalálja-e, amit keres, és ezt a menü alapján teszi. Ha nincs benne „Kapcsolat”, vagy egy oldal neve „Infó”, holott az árak szerepelnek rajta, akkor továbbáll. A keresőmotorok is a menüből olvassák ki, mely oldalak fontosak.

A Schildersbedrijf Example egy első változattal indul, amelyet az AI készített: Kezdőlap, Szolgáltatások, Rólunk és Kapcsolat. Az átnézés után (2.4. lecke) a festő két dolgot szeretne másképp: egy külön „Munkafolyamat” oldalt az árajánlattól az átadásig tartó lépésekkel, valamint a Szolgáltatások alatt két oldalt a belső és a külső festéshez. Ezt két panelen intézi el: Oldalak és Menü. Mindkettő ingyenes: az oldalak és a menü kezelése nem fogyaszt szerkesztést.

Az Oldalak panel

A panelt a bal oldali sávban az Oldalak gombbal nyithatja meg, vagy a csevegőpanel jobb felső sarkában lévő oldalváltóval. Itt a webhely összes oldalát látja. Kattintson egy oldalra, hogy megnyissa az előnézetben és szerkessze.

Amit itt tehet:

• Oldal hozzáadása: csak egy nevet kell megadnia. Az új oldal kap egy címsort és egy szövegblokkot egy segédszöveggel („Írja le itt, miről szól ez az oldal.”). Ezután kérje meg az AI-t a csevegőben, hogy töltse fel, vagy írja meg a szöveget saját maga (3.2. lecke). Az oldal magától bekerül a menübe, ha van benne hely, és a lábléc oldallinkeket tartalmazó oszlopába is.
• Oldal szerkesztése: oldalanként módosíthatja a Név és a Cím mezőt, majd a Mentés gombra kattint.
• Feljebb és Lejjebb: az oldalak sorrendje. A menü és a lábléc oldallinkeket tartalmazó oszlopa ezt a sorrendet követi.
• Törlés: a szerkesztő előbb megkérdezi, biztos-e benne, és jelzi, hány link mutat a webhelyen arra az oldalra (a menüben, a láblécben vagy gombokon). Ezeket a linkeket is eltávolítja, így nem maradnak hibás linkek. Egy törölt oldalt a Verziók segítségével állíthat vissza (3.5. lecke).

A kezdőlap különleges: nem törölhető és nem helyezhető át, a címe pedig mindig a webhely fő címe. Egy webhely legfeljebb 30 oldalból állhat.

Új oldalt a csevegőben is kérhet („Készíts egy Munkafolyamat oldalt négy lépéssel az árajánlattól az átadásig”). Ekkor az AI azonnal tartalommal együtt hozza létre. Ez egy utasítás az AI-nak, és 2 szerkesztésbe kerül, mert egy oldallal bővül a webhely (1.2. lecke). Az Oldal hozzáadása gombbal ingyenes, de utána Önnek kell feltöltenie, saját kezűleg vagy egy külön utasítással.

Buktató: az új oldalon lévő segédszöveg mintatartalom. Ha megfeledkezik róla, az élő oldalon ez áll: „Kattintson duplán erre a szövegre, és írja meg saját maga”. Minden új oldalt nézzen át, mielőtt közzéteszi a webhelyet.

Név és cím: mi történik, ha módosítja őket

Minden oldalnak van neve és címe. A név az, amit a látogatók a menüben és a címsorban látnak. A cím (szakszóval slug) a webcímsáv utolsó része: a www.example.com/werkwijze/ esetében ez a werkwijze. Használjon rövid, hétköznapi szavakat kötőjelekkel, nagybetűk és írásjelek nélkül.

Ha a nevet módosítja, a régi nevet viselő menüpontok és lábléclinkek magától megkapják az új nevet. Egy saját menüszöveggel rendelkező menüpont megtartja ezt a szöveget.

Ha a címet módosítja, a webhelyen belüli linkek továbbra is működnek: a menü, a lábléc és a gombok magára az oldalra mutatnak, nem a régi címre. A régi cím azonban megszűnik. A következő Közzététel alkalmával a szerkesztő eltávolítja azokat a fájlokat, amelyek már nem tartoznak a webhelyhez, így egy átnevezett oldal után nem marad régi cím. Átirányítás (a régi címről az újra mutató automatikus továbbítás) nem jön létre. Aki a régi címet használja, például egy régi e-mailben, a Facebookon vagy a Google találati listájában szereplő linken keresztül, a hibaoldalra érkezik.

A Google azt javasolja, hogy cím módosításakor a régi címet véglegesen irányítsák át az újra. Ezt a szerkesztő tehát nem teszi meg. Mit jelent ez Önnek?

• Gondosan válassza meg a címeket, mielőtt megosztja a webhelyét vagy bejelenti a Google-nál (6.2. lecke).
• Ha egy címnek később mégis változnia kell, frissítse azt, ami az Ön kezében van: az e-mail-aláírásában, a cégprofiljában és a közösségimédia-profiljaiban szereplő linkeket. A Google az oldaltérképből megtalálja az új címet, de a régi cím egy ideig hibaüzenetet adhat.
• Ha Önnek csomagja van, a webhelye fájlokként a tárhelycsomagjában található, és ott egy tárhelyszintű szabállyal beállítható átirányítás. Ez kívül esik a szerkesztőn, és haladó felhasználóknak való.

A hibaoldal

A szerkesztő minden közzétételkor magától létrehoz egy hibaoldalt (szakszóval 404-es oldal, a webszerver által ilyenkor adott hibakód alapján): az Ön arculatával, menüvel és lábléccel, „Ez az oldal nem létezik” címsorral és „Tovább a kezdőlapra” gombbal. A keresőmotorok nem veszik fel a találatok közé. Nézze meg egyszer: írjon be a webhelye címe után egy nem létező útvonalat, például /bestaat-niet/.

A Menü panel

A Menü panelen rendezheti el a menüt. Húzza az oldalakat a sorrend módosításához. Ha egy oldalt egy másik oldalra húz, az annak almenüjévé válik. Így helyezi a Schildersbedrijf Example a „Belső festés” és a „Külső festés” oldalt a „Szolgáltatások” alá. A rögzítéshez kattintson a Menü mentése gombra; amíg ez nem történik meg, „A menü még nincs mentve” üzenet látható.

Ezenkívül:

• hozzáadhat egy Saját link elemet: webcímet (https://...), telefonszámot (például tel:0612345678), e-mail-címet (mailto:...), a webhelyén belüli útvonalat (/werkwijze/) vagy egy szakaszra mutató horgonyt (#offerte);
• hozzáadhat egy Alcím elemet: egy nem kattintható címkét, amely alá menüpontokat húzhat. Az az alcím, amely alatt nincs menüpont, mentéskor eltűnik;
• minden menüpontnak saját Menüszöveg adható. Ha üresen hagyja, az oldal neve érvényes;
• egy oldalt az Eltávolítás a menüből paranccsal kivehet a menüből. Ekkor a Nincs a menüben részbe kerül: az oldal továbbra is létezik, de csak az jut el oda, aki ismeri a címét, vagy egy linket követ.

Egy menülista legfeljebb 8 elemből állhat, és egy almenü is. Ha a menü megtelt, az új oldal nem kerül bele magától; ekkor üzenetet lát, és saját maga teszi be, vagy almenübe csoportosítja az oldalakat.

A menü kinézetét (a sáv formáját) nem itt, hanem az Arculat résznél választja ki (4.2. lecke). A tartalom ilyenkor változatlan marad.

Buktató: azokat az oldalakat, amelyek nem valók a menübe, például az adatkezelési tájékoztatót vagy az űrlap utáni köszönőoldalt, a Nincs a menüben részbe tegye. Az adatkezelési tájékoztatóra mutató link viszont a láblécbe való (7.1. lecke).

Egy jó kapcsolati oldal

Szinte minden webhelynek szüksége van kapcsolati oldalra. A látogatók a menü jobb szélén vagy utolsó elemként várják. Tüntesse fel rajta:

• a cégnevét, a címét (ha a látogatók személyesen is felkereshetik), a telefonszámát és az e-mail-címét;
• a kapcsolatfelvételi űrlapot (4.3. lecke);
• szükség esetén a nyitvatartást vagy az elérhetőséget és egy térképet.

A szerkesztőben ezt a Kapcsolat szakasszal teheti meg (a Szakaszok menüben vagy a Szakasz hozzáadása választójában, 3.4. lecke). Ez megjeleníti a címet, a telefonszámot, az e-mail-címet, a nyitvatartást és adott esetben az űrlapot. Figyelem: az első változatban gyakran mintaadatok szerepelnek, például egy kitalált telefonszám. Cserélje le ezeket (2.4. lecke).

Egyedi címek

Ha a SEO panelen nem ad meg saját címet, a szerkesztő a böngészőfülön és a Google-ban megjelenő címet az oldal nevéből és a webhely nevéből állítja össze, például „Munkafolyamat | Schildersbedrijf Example”; a kezdőlap a webhely nevét kapja. Két azonos nevű oldal tehát ugyanazt a címet kapja. Adjon minden oldalnak saját nevet; jobb címeket a 6.1. leckében fog írni.

A szerkesztőben: így csinálja

1. Nyissa meg az Oldalak panelt, és kattintson az Oldal hozzáadása gombra. Írja be: „Munkafolyamat”, majd kattintson a Hozzáadás gombra.
2. Töltse fel az oldalt a csevegőn keresztül, vagy írja meg saját maga; cserélje le a segédszöveget.
3. Az Oldal szerkesztése résznél ellenőrizze a Cím mezőt (werkwijze), és kattintson a Mentés gombra.
4. Nyissa meg a Menü panelt. Húzza a „Munkafolyamat” elemet a Szolgáltatások és a Kapcsolat közé. Az almenühöz húzza a szolgáltatásoldalakat a „Szolgáltatások” elemre.
5. Kattintson a Menü mentése gombra, és nézze meg a menüt az előnézetben, Mobil nézetben is.
6. Tegye közzé újra a webhelyét (5.1. lecke), és saját maga kattintson végig az összes menülinken.

Összefoglalás

• Az Oldalak panelen oldalakat ad hozzá, és módosítja a nevüket, címüket, sorrendjüket; törölni is lehet, a visszaállítás a Verziók segítségével történik.
• A belső linkek követik az új címet, de a régi cím átirányítás nélkül megszűnik: válassza meg a címeket, mielőtt megosztja a webhelyét.
• A Menü panelen húzással állítja be a sorrendet és az almenüket, saját linkeket és alcímeket ad hozzá, majd a Menü mentése gombra kattint; listánként legfeljebb 8 elem lehet.
• A hibaoldalt a szerkesztő maga készíti el, az Ön arculatával és egy kezdőlapra vezető gombbal.
• Valós adatokat tartalmazó kapcsolati oldal és egyedi oldalnevek minden webhelyhez hozzátartoznak.

Kvíz

Feladat

A4.1. feladat: Az oldalai és a menü. Gondoskodjon arról, hogy a webhelye menüjében legalább három oldal legyen, köztük egy kapcsolati oldal a valós elérhetőségeivel, hogy minden oldalnak saját neve legyen, és hogy a webhelyet újra közzétette. Ezután adja meg az AI Builderrel készült webhelye webcímét (az ingyenes címét, például schildersbedrijf-example-123.weboke.site, vagy a saját domainjét). A program úgy nyitja meg a kezdőlapját, ahogy egy látogató, és ellenőrzi: van-e legalább három oldal a menüben, működik-e minden menülink (az oldal létezik, és nem ad hibaüzenetet), van-e kapcsolati oldal, és van-e minden oldalnak saját címe. Minden pontnál zöld, narancs vagy piros jelzést lát. Ha az Arculat résznél a Minimális menükinézetet választja, az oldallinkek csak a láblécben jelennek meg; ehhez a feladathoz olyan kinézetet használjon, amelyben a linkek a menüsávban vannak.

További olvasnivaló

• Ingyenes WordPress-tanfolyam 4.3: Menük és navigáció
• Ingyenes Online láthatóság tanfolyam 7.4: Belső linkek és a webhely felépítése
• Ingyenes Online láthatóság tanfolyam 8.3: Költözés vagy megújítás a láthatóság elvesztése nélkül
• Site moves with URL changes (Google Search Central, angol nyelven): https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes