Hogyan készítsünk 404-es oldalt helyesen. Jó: kategóriákra vagy promóciókra mutató linkek megjelenítése

A 404-es oldal célja, hogy tájékoztassa a felhasználót arról, hogy az általa megadott url (oldal címe) nem létezik.
Az ilyen helytelen URL-eket „szakadt linkeknek” is nevezhetjük.
Sok webhely a felhasználók kényelmét szolgálja 404 oldalával. Gyakran ezek szépek és érdekes oldalak, amelyek megmosolyogtatják a felhasználót ahelyett, hogy csalódnának az oldal helytelen címe miatt.
A 404-es oldal létrehozásának fontos technikai összetevője van, amely nagyban befolyásolja webhelyeinek rangsorolását a keresőmotorokban, ha minden nincs megfelelően beállítva.

Ha érdekli egy 404-es oldal létrehozása, akkor három szempontot kell figyelembe vennie:
1) Irányítsa át az összes hibásan beírt URL-t a .htaccess 404-es oldalára.
2) Helyes szerver válasz az átirányítás után (a http oldal kódjának 404-nek kell lennie, nem 200-nak).
3) Zárja be a 404-es oldalt az indexelés elől a robots.txt fájlban

Azonnal szeretném megjegyezni, hogy a fentiek mindegyike saját maga által írt oldalakra íródott, főleg PHP nyelven. Léteznek beépülő modulok a WordPresshez, amelyek ugyanezt konfigurálják. De ebben a cikkben megnézzük, hogyan néz ki minden a valóságban. %)

Helytelen URL-ek átirányítása a 404. oldalra

Először is létrehozza magát a 404-es oldalt, hogy legyen hova küldenie az embereket.
Az URL-átirányítás a .htaccess fájlban van konfigurálva
Csak írja be a sort:
ErrorDocument 404 http://mysite.com/404.php
Ahol a „mysite.com” az Ön domainje, a http://mysite.com/404.php pedig a valódi oldal elérési útja. Ha webhelye html formátumú, akkor a sor így fog kinézni:
ErrorDocument 404 http://mysite.com/404.html
Az ellenőrzés nagyon egyszerű. Miután feltöltötte a fenti sort tartalmazó .htaccess fájlt a tárhelyre, végezzen ellenőrzést egy nyilvánvalóan nem létező URL (hibás hivatkozás) megadásával, például: http://mysite.com/$%$%
Ha átirányítás történik a létrehozott oldalra, akkor minden működik.
Tehát a teljes .htaccess fájl, ahol CSAK 404-es átirányítás van beállítva, így fog kinézni:
____________________________
RewriteEngine bekapcsolva
ErrorDocument 404 http://mysite.com/404.html
____________________________

Helyes szerver válasz (http oldal kód)

Nagyon fontos, hogy az átirányításkor a szerver helyes válasza legyen, nevezetesen a 404 Not Found.
Ezt külön meg kell magyarázni.

Ha kérik, minden URL-hez rendel egy állapotot (http-oldalkód).
Az összes létező oldal esetében ez: HTTP/1.1 200 OK
Átirányított oldalak esetén: HTTP/1.1 302 Talált
Ha az oldal nem létezik, akkor HTTP/1.1 404 Nem található

Vagyis függetlenül attól, hogy milyen URL-t adunk meg, hozzá van rendelve egy állapot, egy bizonyos szerver válaszkód.
A szerver válaszát egy olyan forráson ellenőrizheti, mint a bertal.ru vagy SEARCH CONCOLE GOOGLE – Scan/View as GOOGLE bot.
Ha nem volt átirányítása .htaccess-en keresztül a 404-es oldalra, akkor a felhasználó által beírt nem létező URL-ek, valamint a hibás hivatkozások a „HTTP/1.1 404 nem található” választ kaptak.

Miután a fent leírtak szerint beállított egy átirányítást a 404-es szerzői oldalra a .htaccess segítségével, majd beírt egy hibás hivatkozást (érvénytelen URL, amely nyilvánvalóan nem létezik), például http://mysite.com/$%$% , a szerver válasza:
- az első HTTP/1.1 302 található (átirányítás),
-, majd HTTP/1.1 200 OK (az oldal létezik).

Ellenőrizze a bertal.ru oldalon.
Mit is jelent ez? Ez azt jelenti, hogy a Google az összes hibás hivatkozást hozzáadhatja az adatbázisához (indexéhez), például a meglévő oldalakat egy 404-es oldal tartalmával. Ez pedig hihetetlenül káros a keresőoptimalizálás szempontjából.

Ebben az esetben két dolgot kell tennie:
1) Állítsa be a megfelelő szerverválaszt a 404-es oldalon.
2) Tiltsa le a 404-es oldal indexelését. Ez a robots.txt fájlon keresztül történik

HTTP/1.1 404 Nem található szerverválasz konfigurálása nem létező oldalakhoz

A szerver válasza az oldal legelején található php függvénynek köszönhetően személyre szabott:

Írd a 404-es fájl elejére.
Ennek eredményeként választ kell kapnunk a hibás hivatkozásra:

404 oldal bezárása az indexelésből

A rodots.txt fájlban letilthatja egy oldal indexelését. Legyen óvatos ezzel az eszközzel, mert ezen a fájlon keresztül webhelye lényegében keresőrobotokkal kommunikál!
A rodots.txt fájl teljes szövege, ahol CSAK a 404-es oldalindexelés van bezárva, így néz ki:
____________________________
User-agent: *
Letiltás:
Disallow: /404.php
____________________________

Megjegyzések a kódhoz: "/404.php" az oldal elérési útját jelenti. Ha webhelyén a 404.php oldal (vagy a 404.html) valamelyik mappában található, akkor az elérési út így fog kinézni:
/holder/404.php
ahol a "tartó" a mappa neve.

A 404-es oldalról ennyi. Ellenőrizze az oldal működését és az átirányításokat hibás linkekés a szerver válaszait.
Ismétlem: A fentiek mindegyike saját írású oldalakra vonatkozik. Ha WordPress-t használ, érdemes keresnie egy megfelelő 404-es hibabővítményt.

Elengedtük új könyv"Tartalommarketing be a közösségi hálózatokon: Hogyan juthat el előfizetőinek fejébe, és hogyan szeretheti meg őket a márkájával.”

A 404-es hiba vagy a Nem található a webhely nem létező oldalára küldött válaszkód.

Hogyan működik?

A teljes folyamat a HTTP adatátviteli protokoll használatával zajlik. A kliens alkalmazás generál és kérelmet küld a szervernek. A szerver viszont feldolgozza ezt a kérést, és választ generál.

Esetünkben a válaszkód 404. A szerver válasza így néz ki:

A 404-es hibák okai

Mindenképpen szüksége van egy gyönyörű 404-es oldalra ahhoz, hogy webhelye megjelenjen a felhasználónak, amikor:

Helytelen hivatkozást követ, amely szintaktikai hibát vagy csak elírást tartalmaz.
Egy olyan oldalra viszi, ami igen Ebben a pillanatban nem létezik. Ez azt jelenti, hogy az adatokat átvitték vagy akár törölték is. Az is feltehető, hogy ez az oldal (és így a link) egyáltalán nem létezett.

Az oldal mindenesetre értesíti a felhasználót, hogy a megtekinteni kívánt oldal nem található.

Hogyan készítsünk 404-es oldalt?

Először is meg kell értenie, hogyan jön létre a 404-es oldal egy webhely számára. Valójában ez ugyanaz az oldal, mint a webprojekt bármely másik oldala.

Ha valamilyen CMS-t használ, akkor ismernie kell a fájl szerkezetét és a 404-es hibakód feldolgozásakor megjelenő oldalt. Ha webhelyét nem motor hajtja, akkor a .htaccess rendszerfájl, amely a webhely gyökérmappájában található, megmenti Önt. Ha hiányzik, készítse el saját maga.

Hogyan készítsünk 404-es oldalt? Csak be kell jelentkezni ez a fájl a következő utasításokat:

ErrorDocument 404 //site/404.php

Nagyon egyszerű!

Először is kell lennie egy 404-es oldalnak! A 404-es hibaoldalnak feltétlenül jelen kell lennie minden webhelyen.

Kisebb projektekben a 404-es hiba valószínűségét csökkentheti a Xenu's Link program segítségével, melynek segítségével megtalálhatja az oldalon található összes hibás hivatkozást, és a következő műveleteket hajthatja végre:

ha az oldalhivatkozás megváltozott, akkor a hivatkozás URL-jét újra kell cserélnie;
ha az oldal már nem létezik, egyszerűen törölje a hivatkozást.

Sajnos a Xenu nem védi meg Önt azoktól a felhasználóktól, akik hibásan írják be a linkszöveget, és nem védi meg Önt a hibás vagy irreleváns külső hivatkozásoktól, amelyek webhelye oldalaira lépnek be.

404 oldalas kialakítás

Alapértelmezés szerint a 404-es hibaoldal üres oldalként jelenik meg a 404 Not Found felirattal, de lehetséges az is, hogy átirányítás lehetséges annak a hosting szolgáltatásnak az oldalára, amelynek szolgáltatásait igénybe veszi.

A világhálót használók jelentős részének nem elég az oldalt ebben a formában megadni – egyszerűen nem fogják megérteni, mi történt, miért tűnt el hirtelen az oldal és küldték vissza dolgozni. Ez csak egy dolgot jelent: az ügyfél elvesztését. De ne adjuk fel, és nézzük ezt a helyzetet más szemszögből. Hogyan készítsünk 404-es oldalt és tartsuk a vendégeket az oldalon?

Szöveg 404 oldalhoz

Mondj nemet!" technikai információ!
A legtöbb felhasználó ismeri a „404-es hiba” kifejezést, de nem szükséges elmélyülni annak előfordulásának okaiban, és további műszaki ajánlásokat adni. Közölje a felhasználóval a hiba lényegét.
Adj hasznos tartalmat!

Meg kell adni hasznos információ a jelenlegi helyzetben, és rákényszeríti a felhasználót, hogy tegyen olyan műveletet, amely segít megoldani a problémát.

Ezt többféleképpen lehet elérni:

helyezze el a webhely menüjét. Ne felejtse el a webhely főoldalára mutató hivatkozást
hasznos linkeket tegyen közzé – ezek lehetnek népszerű vagy új tartalomra mutató hivatkozások.
Helyezzen el egy keresősávot a webhelyen, hogy a felhasználók megtalálják, amit keresnek.

A 404-es oldal tervezésekor fontos, hogy ne vigyük túlzásba – nem szabad túlterhelni tartalommal.

404 oldalas kialakítás

A 404-es oldal látványterve nem tűnhet ki a teljes dizájnból.

Tedd 404-es oldalát webhelye csúcspontjává! Adjon kreativitást oldalához egy kis humorral, hogy vonzza és megtartsa a látogatókat.

A neten számos példa található arra, hogy mit jelent egy eredeti és gyönyörű 404-es oldal. Nem voltam lusta, és találtam néhányat:

Minden alkalommal, amikor a felhasználó egy hibás hivatkozásra kattint, egy 404-es oldalra kerül. Biztos vagyok benne, hogy sokszor látta már ezt (vagy hasonló) üzenetet a böngészőablakban. Emlékszel, mit csinálsz ilyen esetekben? Az esetek 80%-ában egyszerűen bezárja a lapot. Ez azt jelenti, hogy az a cég, amelynek webhelyére fel akart lépni, elvesztette benned ügyfelét vagy látogatóját. Ebben a cikkben arról fogunk beszélni, hogyan lehet egy 404-es oldalt marketingeszközzé tenni. A 404-es hiba akkor jelenik meg, ha:

Eltávolított egy oldalt a webhelyéről. Például volt egy termék vagy szakasz az oldalon, de úgy döntöttek, hogy eltávolítják, mert ezt a szolgáltatást már nem nyújtják, vagy a terméket már nem értékesítik.
Megváltoztatta webhelye szerkezetét. A régi oldal létezik, de más címen található.
A felhasználó által követett linket hibásan vagy hiányosan adta meg.
Az oldal dinamikus címekkel rendelkezett. Aztán CNC-re változtatták, de az átirányításokat nem konfigurálták.

A Xenu Link Sleuth programjával ellenőrizheti a hibás hivatkozásokat a webhelyeken. Nézd meg ezeket az oldalakat

Ezek az oldalak szépek, de nem működőképesek. Leállítják a felhasználó kommunikációját az erőforrással. És az egyetlen módja annak, hogy a felhasználó a webhely más oldalaira jusson, a megadott URL manuális lerövidítése. Legyen egy 404-es oldal nem csak szép (és nem is annyira), hanem informatív is. Annak érdekében, hogy a 404-es oldal segítsen új ügyfelek megszerzésében, azt meg kell felelnie a következő követelmények:

Az oldalt az oldal kialakításának stílusában kell elkészíteni.
Az oldalnak cselekvésre kell felszólítania a felhasználót.

Az oldalunk például így néz ki:

Miért jelenik meg a 404-es oldal a keresőmotor indexében?

Előfordul, hogy egy 404-es oldalt indexelnek a keresők, és a keresési eredmények között a következő képet láthatják a felhasználók:

SEO szempontból ez a helyzet nem kritikus; semmilyen módon nem befolyásolja az oldal rangsorolását. Keresési eredmények. De úgy gondolom, nem valószínű, hogy szeretné, hogy a felhasználók egy ilyen részletet lássanak a keresési eredmények között. Az oldalak a következő okok miatt szerepelnek a keresőmotor 404-es indexében:

Helytelen szerverbeállítások. Ez akkor fordul elő, ha a nem létező oldalak 200-as HTTP-állapotkódot adnak vissza. A Wikipédia szerint: „A 200 OK sikeres kérés. Ha az ügyfél bármilyen adatot kért, az az üzenet fejlécében és/vagy törzsében szerepel.”
Ez a webhely CMS-jének helytelen konfigurációja miatt is előfordulhat.
A keresőmotor a 404-es hibát „átmenetileg nem elérhető” vagy „átmenetileg eltávolított”-ként értelmezi. Például egy elemet eltávolítottak, de később visszatérhet. Annak érdekében, hogy egy nem létező oldalt eltávolítsanak a keresési eredmények közül, alkalmazza a 410 Gone kódot a nem létező oldalra, amelyet a keresőmotor „véglegesen töröltként” észlel. Javaslom, hogy nézzen meg egy videót Matttel. Cutts (a Google Webspamteam vezetője), ahol beszél Miért nem tűnnek el hosszú ideig a 404-es hibát tartalmazó oldalak a keresési eredmények közül?:
Hiba keresőmotor=). Ez meglehetősen ritkán fordul elő, még helyesen konfigurált szerverválasz esetén is.

Ha ellenőrizni szeretné, hogy 404-es oldala szerepel-e az indexben, írja be a site:domain.com „a hibaoldalon található szövegrész” kifejezést a Google Keresésbe. Ha az oldal nem szerepel az indexben, a következő eredményt fogja látni:

És ha van, akkor ez:

Hogyan lehet eltávolítani a 404-es oldalt a keresőmotor indexéből

Alexander Panteleev a következő szkript használatát javasolja, amely bármely CMS-sel működik:

Hogyan néz ki egy 404-es hiba a webhelyén? A megfelelő 404-es hibaoldal segít megtartani a látogatókat. De leírtuk, hogy mi legyen a szöveg a webhely fő oldalain a cikkben: „Mi legyen a szöveg egy online áruház számára?”

A webes erőforrások felhasználói gyakran 404-es hibával találkoznak, amikor felkeresnek egy webhelyet. Ez a hiba akkor fordul elő, ha a webszerver nem találja a megadott címet. A meghibásodásnak több oka is lehet: a webhely címét tipográfiai hibákkal vagy csonkolással adták meg; az elérni kívánt fájlt törölték vagy áthelyezték; hibás link az oldalon.

404. oldal a Creative People weboldalon

Általános szabály, hogy amikor a felhasználók egy ilyen oldalra jutnak, egyszerűen sajnálattal és csalódottsággal hagyják el azt. Gyakran előfordul, hogy egy ideges látogató soha nem tér vissza. Ez különösen olyan esetekben bosszantó, amikor a fejlesztő nem tudja egyedül megjavítani a hiba okát. Például abban az esetben, ha a tartalom nem érhető el. Ilyen esetekben általában biztosítják a webhely főoldalára történő átirányítást. Néhány tervező azonban úgy döntött, hogy egy 404-es oldal használatával a legtöbbet hozza ki valami bosszantóból. Egy jól megtervezett oldal nemcsak hasznos linkeket vagy például oldaltérképet nyújthat a felhasználónak. A 404 oldal a fejlesztők és tervezők tevékenységi területe. Az oldal egyediségének és hasznosságának értékelése érdekében javasoljuk, hogy ismerkedjen meg néhány példával orosz cégekés a tervezők ebben az irányban.

És igen, professzionális környezetben egy speciálisan kialakított 404-es hibaoldal jó forma.

A híres 404-es oldal a Habrról szóló ötlettel (regisztrált felhasználók számára elérhető)