Google upřednostní mobile friendly weby

Určitě jste zaznamenali, že od 21. dubna 2015 změnila společnost Google na stránkách svého vyhledávače původní vyhledávací algoritmus ve prospěch webových stránek, které jsou optimalizované pro mobilní zařízení, tj. jsou tzv. mobile friendly. Oficiální zprávu o tom lze nalézt na jejich blogu.

Co znamená mobile friendly

V praxi to znamená aby se dalo hlavně prakticky a pohodlně prohlížet a používat webové stránky v kterémkoliv mobilním telefonu, tabletu, notebooku, netbooku apod. bez zásahu návštěvníka stránek, který by si musel např. zvětšovat písmo, přibližovat si stránku, scrollovat do stran, zmenšovat si obrázky apod. Prostě aby stránky byly přímo uzpůsobené pro dané zařízení – hezky čitelné a snadno použitelné.

Jak zjistím jestli jsou moje stránky mobile friendly

Google pro to zřídil přímo ověřovací stránku kam stačí zadat adresu vašeho webu a hned se dozvíte jak na tom jste.

https://www.google.com/webmasters/tools/mobile-friendly/

Jak docílit mobile friendly webových stránek

  1. Mít stránky vytvořené v responzivním designu

    Responzivní web design v podstatě znamená, že webové stránky jsou napsány tak kvalitně, že není problém je zobrazit v jakémkoli zařízení, protože se mu vždy dostatečně přizpůsobí. Jedná se o řešení amerického programátora jménem Ethan Marcotte, který s tímto řešením přišel na svém blogu. Své řešení zakládá především na vytvořeném modulu media queries v CSS 3, který právě umožňuje zobrazovat stránky podle parametrů jako je rozlišení obrazovky apod. Nebudu zde zacházet do podrobností a spíše vás v tomto směru odkáži na další zdroje na internetu:

    Jan Mareš – Jak vytvořit responzivní design webu
    Martin Kelnar – Responsivní Webdesign Komplexně
    Martin Michálek a Honza Sládek – 6 chyb cestou do responzivního pekla
    Rudolf Krcmar – Responzivní design

  2. Mít zvlášť desktopovou a mobilní verzi webových stránek

    Dalším řešením, které se používalo hojně hlavně v dřívější době před příchodem CSS 3 je udržovat dva druhy webových stránek – jednu pro desktop/PC a druhou pro mobilní zařízení. Jak je na první pohled patrné, není to tak praktické jako první řešení, protože je potřeba udržovat více věcí najednou. Pro toto řešení by se Vám mohly hodit tyto zdroje:

    Marshi Blog – SEO při vytváření mobilní verze webových stránek
    Separate URLs

Jak jsem to dříve řešil u těchto stránek, tedy u WordPressu

Dříve než jsem šablonu předělal celou na plně responzivní, tak jsem zvolil cestu nejmenší námahy a v rámci těchto webových stránek, které používají redakční systém WordPress jsem sáhl po řešení v podobě WP Mobile Detector Mobile Plugin, což je plugin který automaticky zjistí odkud návštěvník na stránky přistupuje a podle toho v rámci WordPressu zobrazí šablonu buď pro desktop/PC nebo mobilní zařízení. Shrnu celý postup:

  1. vytvoříme si novou šablonu pro mobilní web (stačí uzpůsobit CSS soubor/y původního webu a zjednodušit je)
  2. stáhneme si plugin
  3. soubor si rozbalíme na svém zařízení nebo na serveru a přesuneme je do adresáře WordPressu pro pluginy – wp-content/plugins
  4. do adresáře pluginu určeného pro šablony – wp-content/plugins/wp-mobile-detector/themes/ nahrajeme naší šablonu pro mobilní zařízení
  5. přes administraci WordPressu (domena.tld/wp-admin nebo domena.tld/wp-login.php) plugin aktivujeme v Pluginy
  6. v administraci ještě zaktivujeme mobilní šablonu ve WP Mobile Detector-Mobile Themes
  7. výsledek si pak již můžeme ověřit na výše zmiňovaných stránkách Googlu

Můj názor na tento krok společnosti Google

Přiznám se, že jsem se k řešení mobilní verze stránek dlouho odhodlával, ale nikdy sem tomu nepřikládal nějakou velkou hodnotu. Tento krok společnosti Google mě k tomu víceméně donutil a jsem za to ve výsledku rád. V dnešní době kdy popularita mobilních zařízení roste raketovým tempem, a tím pádem i návštěvníků stránek z těchto zařízení, je zkrátka nutnost s tímto počítat. Osobně na stolní počítač nedám dopustit, ale trendům a pokroku se prostě člověk neubrání.

Pokud to s provozováním vašich stránek myslíte vážně a chcete aby se vám návštěvníci na ně rádi vraceli, tak je jednoduše potřeba o ně pečovat. Uzpůsobit stránky pro mobilní zařízení je v tomto směru a zvláště v dnešní době prostě nutnost.

Publikováno 28.4.2015 v 14:50 | Kategorie: Google

Zakázaní nového správce odkazů v Chrome

Jestli jste jako já zvyklí používat internetový prohlížeč Google Chrome, tak jste určitě zaznamenali změnu výchozího správce oblíbených odkazů (bookmarks). Někomu se možná změna zamlouvá, já abych řekl pravdu jsem byl spokojený s tím jak to fungovalo dříve. Pokud jste s novým řešením nespokojeni jako já, existuje řešení jak si nastavit původní variantu.

chrome://flags/#enhanced-bookmarks-experiment

Řešení jsem našel na těchto stránkách a je velice snadné:

  1. do prohlížeče zadáme adresu chrome://flags/#enhanced-bookmarks-experiment
  2. u položky Enable Enhanced Bookmarks zvolíme možnost Disabled
  3. zrestartujeme prohlížeč

Publikováno 27.4.2015 v 00:38 | Kategorie: Google Chrome

Zakázání xmlrpc ve starších WordPressech

Pokud jste se setkali s nějakou starší verzí redakčního systému WordPress využívající xmlrpc.php, který je již v novějších verzích zakázaný z dobrých bezpečnostních důvodů a nevíte jak jej odstranit, tak si nyní ukážeme pár jednoduchých způsobů jak na to.

1.možnost – editace wp-config.php

Jednou z možností je přidat do souboru wp-config.php filtr ve tvaru:

add_filter('xmlrpc_enabled', '__return_false');

2.možnost – editace functions.php

Další možností je přidat níže uvedený kód do souboru functions.php:

function disable_x_pingback($headers)
{
  unset( $headers['X-Pingback'] );
  return $headers;
}
add_filter('wp_headers', 'disable_x_pingback');

3.možnost – editace .htaccess

Jiné řešení se nabízí v přidání pravidla do .htaccessu:

<Files xmlrpc.php>
Order Deny,Allow
Deny from all
</Files>

Nebo:

<LocationMatch "/xmlrpc.php">
 Order Allow,Deny
 Deny from all
</LocationMatch>

Publikováno 21.4.2015 v 23:58 | Kategorie: Wordpress