Suurin sivustoja siellä on aina huomattava niiden huomiota yksityiskohtiin. Yksi usein aliarvioitu yksityiskohta on hyödyllisen ja käyttäjäystävällisen 404-virhe-sivun olemassaolo. WordPress tarjoaa helpon tavan luoda ja muokata 404-virhe-sivua, mutta valitettavasti räätälöinnin yksinkertaisuus ei automaattisesti tarkoita tehokkuutta.

Tunnettu WordPress SEO asiantuntija Joost de Valk (aka yoast) kertoo hänen viimeaikaisista havainnoistaan ​​useiden vuosien verkkosivujen SEO auditoinneista. Tämän raportin mukaan huomattava määrä tarkastetuista verkkosivustoista oli ongelmia 404-virhe-sivun optimoinnissa. Oletuksena WordPress-teema (tällä hetkellä TwentyTwelve) on hyvin perusmalli tässä tapauksessa, eikä niin monet sivuston omistajat menevät pidemmälle.

Miksi se on tärkeää?

Katsotaanpa tätä järkevästä näkökulmasta. Milloin 404-virhe ilmenee? Kun joku napsauttaa linkkiä, joka osoittaa sivustosi sisältöä, mutta mistä tahansa syystä ei ole vastaavaa sivua: ehkä olet muuttanut pysäyttämislinkkiä tai poistanut sivun, ehkä olet muuttanut tunnisteita tai luokan liukua, ehkä linkki oli vain väärässä. Virheestä on useita syitä, mutta yhtä tärkeää asiaa ei voida kieltää: kävijä on jo sivustossasi, hän on jo kiinnostunut jotain, hän on jo pyrkinyt löytämään sen, joten tämä pyrkimys pitäisi palkita.

Yksi käyttöliittymän perustavanlaatuisista säännöistä ei ole jättää käyttäjiä umpikujaan ilman ohjausta. Selaimessa on aina takapainike, mutta haluatko todella, että kävijän on käytettävä sitä?

Apple 404

Omena antaa sivustokartan 404-virhe-sivulleen, johon liittyy yksinkertainen ja selkeä viesti.

37 Signals 404

37signals käytä ylimääräistä tilaisuutta esitellä tuotteitaan ja antaa yhteystiedot ongelman ratkaisemiseksi.

Zurb 404

Zurb 's 404-virhe-sivu korostaa mahdollisuutta ottaa heihin yhteyttä ongelmasta. Suunnittelijoiden pitäisi ratkaista ongelmia, eikö?

Problogger 404

problogger esittelee laajan valikoiman erilaisia ​​sisältöjä sukellukseen lukemiseen.

Justin Tadlock's 404

Justin Tadlock Blogissa käytetään leipäpalojen esittämistä etusivun linkkiä.

Luo custom 404 -virhesivu WordPressissä

Mitä voidaan tehdä tämän tilanteen parantamiseksi? Kuinka virheestä voi tulla tilaisuus?

Ideojen ja ohjeiden etsimisessä voimme kuulla WordPress Codex: n tai Googlen Verkkovastaavan ohjeet täydellisiksi lähtökohdiksi. Itse asiassa päätehtävä on melko yksinkertainen: selitä, miksi sivua ei voi sijoittaa ja tarjota ehdotuksia oikealle näytölle. Tästä näkökulmasta voimme saada luettelon mahdollisista osista, jotka luo "täydellisen" 404-virhe-sivun:

  • selkeä virheilmoitus yksinkertaisella ja ystävällisellä tavalla, pahoittelen haittaa
  • ulkoasun ulkonäköä ja tuntumaa selkeillä brändäys- ja navigointivaihtoehdoilla;
  • mahdollisia vaihtoehtoja ja vinkkejä halutun tiedon löytämiseen. Hakemus, linkit asiaankuuluvaan ja / tai suosittuun sisältöön ja etusivulle ovat kaikki tämän osan mahdolliset ratkaisut.
  • tapa ilmoittaa virhe, jos käyttäjä haluaa; voit antaa yhteydenottosähköpostin tai muita yhteystietoja.

Tästä luettelosta voimme määrittää hyödyllisiä vinkkejä ja ideoita 404-virheilmoitukseen sisällyttämiseen:

  • viimeaikaisia ​​ja / tai suosittuja viestejä tai vaihtoehtoisesti satunnaisia ​​viestejä;
  • tilausvaihtoehdot (kuten RSS) yhteystietojen lisäksi;
  • Sivukartta, etenkin pienien sivustojen tapauksessa;
  • tarjouksia tai palveluita koskevia tietoja;
  • branding materiaaleja helposti tunnistaa sivustosi ja oman teollisuuden,
  • tiedot pyydetystä URL-osoitteesta ja tärkeimmästä sisällöstä;
  • tagcloud kuin nopea tapa sijoittaa kävijä sivuston kontekstiin;
  • ilmoitus- ja / tai seurantajärjestelmä, joka on tietoinen kaikista sivustosi 404 virheistä.

Eräs tärkeä asia 404-virhe-sivusta on oikea 404 HTTP-tila, jonka palvelin pitäisi palvella. Onneksi WordPress hoitaa tämän meille automaattisesti, jotta voimme keskittyä pyrkimyksemme itse sivun luomiseen. Tarvitset aktiivisen teeman, jolla on erillinen malli sivulle, jonka nimi on 404.php. Mallin paljas luuston rakenne on melko yksinkertainen:

Sivuryhmän luoma merkintä vastaa aktiivisen teeman käyttämää merkintää. Vaihtoehtoisesti voidaan tarjota joitain lisäylejä jäljitellä tätä rakennetta. Sisällyttämällä tavalliset kutsut get_header ja get_footer varmistamme, että sivulla on kaikki brändäyselementit ja navigointiasetukset ja kaikki skriptit ja tyylit ladataan oikein.

Nyt, kun olemme tehneet alkuperäiset valmistelut, täytetään sivu. Parasta mitä voisimme tehdä vierailijalle 404-sivuilla on arvata, mitä oikeastaan ​​pyydetään ja antaa mahdollisimman lähellä. WordPress tallentaa pyydetyt URL-osoitteet $ wp-> pyyntöominaisuuteen . Voimme jäsentää tämän merkkijono ja yrittää löytää samankaltaista sisältöä, joka perustuu postinimiin , joka tallentaa tiedot postista ja sivulaseista . Jos tällainen haku ei palauta mitään merkityksellistä, voimme kokeilla säännöllistä hakua postisisällön kautta. Jos nämä ponnistelut eivät tuota mitään myönteisiä tuloksia, voimme aina antaa luettelon uusimmista tehtävistä varoitukseksi.

Tietenkin myös sisällyttää ystävällinen viesti, hakulomake ja linkki etusivulle.

Ensin aiomme luoda joitain lisätoimintoja käsittelemään joitain mallipohjaisia ​​rutiineja; ne voidaan sisällyttää teemasi funktioihin.php tai suoraan 404.php-tiedoston alkuun.

function frl_get_requested_slug(){global $wp;$q = $wp->request;$q = preg_replace("/(.*)(html|htm|php|asp|aspx)$/","",$q);$parts = explode('/', $q);$q = end($parts);return $q;}

frl_get_requested_slug -toiminto yrittää saada pyydetyn sivulangan käyttämällä maailmanlaajuista $ wp -objekti ja säännölliset lausekkeet. Koodi olettaa, että sivusto käyttää permalinkeja ja pyyntö menee sopivaan muotoon.

function frl_list_posts($posts){if(empty($posts))return '';$list = array();foreach($posts as $cpost) {$title = apply_filters('the_title', $cpost->post_title);$url = get_permalink($cpost);$list[] = "
  • frl_load_error_style lataa mukautettuja tyylejä 404-mallilla olettaen, että asianmukainen .css-tiedosto sijaitsee / css-kansiossa aktiivisen teeman hakemistossa.

    Mallikoodi suunnitellulla tavalla sisältää neljä osaa: ystävällinen viesti; etsintä; äskettäin julkaistujen toimien luettelo; viimeinen mahdollisuus.

    Ystävällinen viesti:

    404 sivua ei löydetty

    Valitettavasti emme löytäneet pyydettyä sivua.

    Löydämme tarvittavat tiedot.

    Haetun sisällön haku:

      'any', 'post_status' => 'julkaista', 'nimi' => $ q, 'posts_per_page' => 5); $ query = uusi WP_Query ($ args);  // kyselypostit slugif (tyhjä ($ query-> posts)) {// etsiä viestejä $ q = str_replace ('-', '', $ q); $ args = array ('post_type' => ' ($ ask-> posts)) $ query-> query ($ args);} jos (! tyhjä ($ query-> posts)), :?> 

    Etsitkö jotakin seuraavista sivuista?

      virkaa),?>

    Ensinnäkin suoritamme WordPress-kyselyn, jossa on alustava argumenttimalli, joka etsii pyydettyä liuskaa postin / sivun nimikentässä. Jos emme saa mitään tuloksia sen jälkeen, korvataan tarroissa olevat viivat välilyönnillä ja suoritetaan toinen kysely, joka hakee pyydettyjä sanoja viestissä / sivuilla. Jos olemme saaneet tuloksia, lähetämme ne sitten aiemmin luodun frl_list_posts -toiminnon avulla.

    Viimeisimmät viestit:

      $ query-> query ($ args); jos (! empty ($ query-> viestit)):?> '' post ',' post_status '=>' julkaista ',' posts_per_page '=> 

    Miksi et tarkastele viimeisimpiä viestejä?

      virkaa),?>

    Tässä osassa teemme kyselyn blogin viimeisimmistä viesteistä ja lähetämme ne samalla tavalla kuin aiemmin.

    Viimeinen mahdollisuus:

    Ei hyvä?

    Käytä hakulomaketta yrittääksesi uudelleen tai aloittaa selaamisen kotisivulta .

    . Jos tarvitset lisäapua, älä epäröi ottaa yhteyttä osoitteeseen [email protected] .

    Lopuksi, jos mikään yllä olevista vaihtoehdoista ei tyydytä käyttäjää, tarjoamme linkin etusivulle ja anna hakulomake.

    404 virheiden estäminen sivustossasi

    Näyttää siltä, ​​että olemme tehneet parhaansa auttaaksemme kävijää 404-virhe-sivulla. Itse asiassa paras apu on estää 404-sivu koskaan käytössä. Erityisesti voimme:

    • perustaa hyvin jäsennellyt permalinssit projektin alusta, joten on vähemmän todennäköistä, että niitä on tarpeen muuttaa tulevaisuudessa;
    • seurata saapuvia linkkejä, jotka ovat virheellisiä, yhteystiedot omistajat verkkosivustojen, joissa tällaiset linkit näkyvät, pyynnön korjata ne;
    • huolehdi vanhasta sisällöstä, älä poista sitä, ennen kuin se on ehdottoman välttämätöntä ja määritä oikea uudelleenohjaus sivun siirrossa.

    Ei ole mitään oikeaa syytä, miksi sivustosi tai blogisi ei saisi olla hyödyllinen ja käyttäjäystävällinen 404-virhe-sivu. Toivon, että tämä opas on antanut sinulle hyödyllisiä vinkkejä.

    Mitä sinulla on 404-sivulla? Mitä pidät hyödyllisenä, kun kohtaat 404 sivua? Kerro meille kommentit.

    Esitetty kuva / pienoiskuva, kadonnut kuva kautta Shutterstock.