Warning: Declaration of TarskiCommentWalker::start_lvl(&$output, $depth, $args) should be compatible with Walker_Comment::start_lvl(&$output, $depth = 0, $args = Array) in /home/blacklab/domains/wersjatestowa.eu/public_html/wp-content/themes/tarski/library/classes/comment_walker.php on line 0

Warning: Declaration of TarskiCommentWalker::start_el(&$output, $comment, $depth, $args) should be compatible with Walker_Comment::start_el(&$output, $comment, $depth = 0, $args = Array, $id = 0) in /home/blacklab/domains/wersjatestowa.eu/public_html/wp-content/themes/tarski/library/classes/comment_walker.php on line 0
Apple Icon (iPad/iPhone) - dodawanie ikonek strony do urządzeń moblinych | WersjaTestowa.eu

Apple Icon (iPad/iPhone) – dodawanie ikonek strony do urządzeń moblinych


Warning: Use of undefined constant ga_strikable_before_myoption - assumed 'ga_strikable_before_myoption' (this will throw an Error in a future version of PHP) in /home/blacklab/domains/wersjatestowa.eu/public_html/wp-content/plugins/simplest-adsense-ads-manager/simplest-adsense-ads-manager.php on line 228

Warning: Use of undefined constant ga_strikable_mid_para_value - assumed 'ga_strikable_mid_para_value' (this will throw an Error in a future version of PHP) in /home/blacklab/domains/wersjatestowa.eu/public_html/wp-content/plugins/simplest-adsense-ads-manager/simplest-adsense-ads-manager.php on line 178

Warning: Use of undefined constant ga_strikable_mid_myoption - assumed 'ga_strikable_mid_myoption' (this will throw an Error in a future version of PHP) in /home/blacklab/domains/wersjatestowa.eu/public_html/wp-content/plugins/simplest-adsense-ads-manager/simplest-adsense-ads-manager.php on line 183

Warning: Use of undefined constant ga_strikable_after_myoption - assumed 'ga_strikable_after_myoption' (this will throw an Error in a future version of PHP) in /home/blacklab/domains/wersjatestowa.eu/public_html/wp-content/plugins/simplest-adsense-ads-manager/simplest-adsense-ads-manager.php on line 257

Favicony dla urządzeń moblinych

Ikonki stron w urządzeniach moblinych

Optymalizacja stron na urządzenia mobilne jest obecnie standardem. Dlatego nie ma co się dziwić że oprócz standardowej favicony, wymagane są jeszcze inne, specjalnie ikonki dla urządzeń mobilnych. Jak wiadomo, póki co iPady i iPhony to największa rodzina urządzeń mobilnych więc i dla nich powinna być przeprowadzona optymalizacja ikonek. W teście WooRank.com, w którym sprawdzana jakość strony internetowej (technologie, SEO, walidacja itd)  jest nawet na to oddzielne miejsce:

apple-icon-woorank

Jak więc dodać tego typu ikonki do strony aby urządzenia mobilne mogły ją rozpoznać? Sprawa jest bardzo prosta. Najpierw musimy przygotować 3 obrazki różniące się wymiarami:

  • 57×57 px (dla iPhone)
  • 72×72 px (dla iPada)
  • 114x114px (dla iPhone 4)

następnie kopiujemy te ikonki na serwer naszej strony, i na końcu dodajemy w sekcji <head> następujący kod:

<link rel="apple-touch-icon" href="sciezka/do/pliku/favi_57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="sciezka/do/pliku/favi_72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="sciezka/do/pliku/favi_114x114.png" />

Jeżeli jednak nie mamy dostępu do pliku gdzie możemy ten fragment wyedytować, to jeszcze nic straconego. Wystarczy umieścić w katalogu głównym naszej strony ikonki z następującymi nazwami:

  • apple-touch-icon-57×57.png
  • apple-touch-icon-72×72.png
  • apple-touch-icon-114×114.png

W tym przypadku system iOS będący zainstalowany na smartphonie odwiedzającego, automatycznie wykryje i wyświetli ikonki.

Tags: , , ,

Reply

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *