Jak vytvořit efektivní 404-Chyba stránky ve WordPress
Největší místa tam jsou vždy pozoruhodná pro jejich pozornost k detailu. Jeden často podceňovaný detail je existence užitečné a uživatelsky přívětivé 404 chybové stránky. WordPress poskytuje snadnou cestu k vytvoření a přizpůsobení stránky s chybami 404, ale bohužel jednoduchost přizpůsobení automaticky neznamená efektivitu.
Známý odborník na WordPress SEO Joost de Valk (aka yoast) hlásí své nedávné poznatky z několika let SEO auditů webových stránek. Podle této zprávy značné množství auditovaných webových stránek mělo problémy s optimalizací své 404 chybové stránky. Výchozí téma WordPress (v současné době TwentyTwelve) má pro tento případ velmi základní šablonu a ne tolik majitelů stránek jdou nad rámec toho.
Proč je to důležité?
Podívejme se na to z hlediska zdravého rozumu. Kdy nastane chyba 404? Když někdo klikne na odkaz, který by měl odkazovat na obsah na vašem webu, ale z jakéhokoli důvodu neexistuje žádná odpovídající stránka: možná jste změnili permalink nebo odstranili stránku, možná jste změnili tagy nebo kategorii slug, možná že odkaz byl jen špatně. Existuje nějaký počet důvodů pro chybu, ale jeden důležitý fakt nelze popřít: návštěvník je již na vašem webu, už se o něco zajímá, už se ho snažil najít, takže toto úsilí by měly být odměněny.
Jedním ze základních pravidel uživatelského rozhraní není ponechat uživatele bez uzamčení. V prohlížeči je vždy tlačítko zpět, ale opravdu chcete, aby váš návštěvník musel používat?
 Jablko poskytuje mapu stránek na své 404 chybové stránce spolu s jednoduchou a jasnou zprávou.
37signály využijte příležitost k prezentaci svých produktů a poskytněte kontaktní informace k vyřešení problému.
Zurb 404 chybová stránka zdůrazňuje možnost kontaktovat je s nějakým problémem. Návrháři by měli řešit problémy, že?
 Problogger představuje širokou škálu různého obsahu, který se ponoří do čtení.
Justin Tadlock 's Blog používá breadcrumbs k prezentaci odkazu domovské stránky.
Vytvoření vlastní chybové stránky 404 v aplikaci WordPress
Co lze udělat pro zlepšení této situace? Jak se může chyba změnit na příležitost?
Při hledání nápadů a pokynů můžeme konzultovat WordPress Codex nebo Google Webmaster Guidelines jako perfektní výchozí body. Ve skutečnosti je náš hlavní úkol poměrně jednoduchý: vysvětlete, proč nemůže být stránka umístěna a nabídnout návrhy pro to, aby se dostala na správnou obrazovku. Z tohoto pohledu můžeme odvodit seznam možných komponent, které vytvoří "perfektní" 404 chybovou stránku:
- jasné chybové hlášení v jednoduchém a přátelském způsobu, s omluvou za nepříjemnost;
- vzhled a pocit zbytku místa s jasnými značkovacími a navigačními možnostmi;
- možné alternativy a rady, jak najít požadované informace. Vyhledávací formulář, odkazy na relevantní a / nebo populární obsah a domovskou stránku jsou všechna možná řešení pro tuto část;
- způsob, jak nahlásit chybu, pokud uživatel chce; můžete poskytnout kontaktní e-mail nebo jiné kontaktní informace.
Z tohoto seznamu můžeme určit užitečné tipy a nápady pro to, co do šablon 404 chyby zahrnout:
- nedávné a / nebo populární příspěvky nebo alternativně náhodné příspěvky;
- volby odběru (jako je RSS) kromě kontaktních údajů;
- mapa stránek, zejména v případě malých míst;
- propagace nebo informace o vašich nabídkách a službách;
- značkové materiály, které snadno identifikují váš web a váš průmysl;
- informace o požadované adrese URL a nejrelevantnější obsah;
- tagcloud jako rychlý způsob, jak umístit návštěvníka do kontextu vašeho webu;
- systém upozornění a / nebo sledování, který si uvědomuje veškeré chyby 404 na vašem webu.
Jedna důležitá věc na stránce s chybami 404 je správný stav HTTP 404, který by měl server sloužit. WordPress se naštěstí pro nás automaticky zabývá, abychom se mohli soustředit na vytvoření samotné stránky. Potřebujeme aktivní motiv, abychom měli samostatnou šablonu pro stránku s názvem 404.php. Struktura holých kostí šablony je poměrně jednoduchá:
Značka, která vytváří strukturu stránky, by měla odpovídat tomu, co je použito aktivní téma. Případně může být poskytnut další styl pro napodobování této struktury. Zahrnutím standardních volání get_header a get_footer zajistíme, že stránka obsahuje všechny prvky značky a možnosti navigace a všechny skripty a styly jsou správně načteny.
Teď, když jsme provedli první přípravu, vyplňte stránku. Nejlepší věc, kterou bychom mohli udělat pro návštěvníka na stránce 404, je odhadnout, co je skutečně požadováno, a poskytnout nejbližší možný zápas. Informace o požadované adrese URL jsou ukládány ve službě WordPress ve vlastnostech požadavku $ wp-> . Tento řetězec můžeme analyzovat a pokoušet se najít podobný obsah založený na datech post_name , který ukládá informace o slimácích pošty a stránky. Pokud takové vyhledávání nevrátí něco smysluplného, můžeme zkusit pravidelné prohledávání prostřednictvím obsahu pošty. Pokud tyto snahy neprodukují žádné pozitivní výsledky, můžeme vždy poskytnout seznam posledních příspěvků jako záložní.
Samozřejmě také obsahuje přátelskou zprávu, vyhledávací formulář a odkaz na domovskou stránku.
Nejprve vytvoříme některé pomocné funkce, které zvládnou některé rutiny šablon; mohou být zahrnuty do funkce functions.php vašeho motivu nebo přímo na začátku souboru 404.php.
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;}Funkce frl_get_requested_slug se pokusí získat požadovanou stránku slug pomocí globálního objektu $ wp a regulárních výrazů. Kód předpokládá, že web používá permalinks a požadavek je v příslušné podobě.
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 načte vlastní šablony s šablonou 404 za předpokladu, že příslušný soubor .css je umístěn ve složce / css v adresáři aktivní motivy.
Kód šablony, jak jsme plánovali, obsahuje čtyři části: přátelskou zprávu; výzkum; seznam nedávných příspěvků; poslední šance.
Přátelská zpráva:
404 Stránka nenalezena
Hledání požadovaného obsahu:
'any', 'post_status' => 'publikovat', 'jméno' => $ q, 'posts_per_page' => 5); $ query = new WP_Query ($ args); // dotaz na příspěvky od slugif (prázdný ($ query-> posts)) {// hledání příspěvků $ q = str_replace ('-', '', $ q); $ args = array ('post_type' => ',' post_status '=>' publikovat ',' s '=> $ q,' posts_per_page '=> 5); $ query-> query ($ args); :?> Hledali jste jednu z následujících stránek?
příspěvky);?>
Nejdříve provedeme dotaz WordPress s počáteční sadu argumentů, které hledají požadované slug v poli s názvem příspěvku nebo stránky. Pokud nebudeme mít za to žádné výsledky, nahrazujeme pomlčky v požadovaném řetězci mezerami a provedeme další dotaz, který hledá požadovaná slova v obsahu příspěvků / stránek. Pokud jsme získali nějaké výsledky, pak je vygenerujeme pomocí dříve vytvořené funkce frl_list_posts .
Seznam posledních příspěvků:
'post', 'post_status' => 'publikovat', 'posts_per_page' => 5); $ query-> query ($ args); if (! Proč se nepodívejte na nejnovější příspěvky?
příspěvky);?>
V této části provádíme dotaz na 5 posledních příspěvků v blogu a vystupujeme je stejným způsobem jako předtím.
Poslední šance:
Není dobré?
Použijte vyhledávací formulář a zkuste to znovu nebo začněte procházet na domovské stránce .
. Pokud potřebujete další pomoc, neváhejte kontaktovat na adrese [chráněné e-mailem] .
Konečně, pokud žádná z výše uvedených možností uspokojit uživatele, nabízíme odkaz na domovskou stránku a poskytneme vyhledávací formulář.
Zabráníte 404 chyb na vašem webu
Zdá se, že jsme udělali vše pro to, abychom návštěvníkovi pomohli na 404 chybové stránce. Ve skutečnosti je nejlepší pomoc při zabránění použití stránky 404. Zejména můžeme:
- zřídit dobře strukturované permalinks od začátku projektu, takže je méně pravděpodobné, že v budoucnu bude nutné je změnit;
- sledovat příchozí odkazy, které jsou nesprávné, kontaktujte majitele webových stránek, kde se tyto odkazy objevují, a požádejte je o opravu;
- pečujte o starý obsah, neodstraňujte ho, dokud to není absolutně nutné, a nastavte správné přesměrování na migraci stránek.
Neexistuje žádná skutečná omluva, proč by váš web nebo blog neměl mít užitečnou a uživatelsky přívětivou 404 chybovou stránku. Doufám, že tato příručka vám poskytla užitečné tipy.
Co máte na stránce 404? Co je užitečné, když narazíte na 404 stránek? Dejte nám vědět v komentářích.
Doporučený snímek / náhled, ztracený obrázek přes Shutterstock.