seo na etapie programowania - meetup#3 bydgoszcz
DESCRIPTION
SEO na etapie programowania projektów web, czyli jak tworzyć strony internetowe i aplikacje, aby optymalizacja SEO była poprawna od początkuTRANSCRIPT
SEONa etapie programowania projektu
Paweł RabinekBydgoszcz, 18 czerwca 2014
Co można zrobić w trakcie tworzenia
Aby pozbyć się specjalisty SEO ;-)
Programista – projekt gotowy
http://funny-pics-fun.com/wp-content/uploads/Happy-Friday-4.jpg
Programista – po rozmowie z SEO
http://www.funnyjunkz.com/wp-content/uploads/2007/08/funny-baby-picture-angry-baby.jpg
Specjaliści SEO są upierdliwi ;-)
Ale można się z nimi dogadać
Optymalizacja meta danych
Tytuł, opis, słowa kluczowe
#1
Meta dane – rich snippet
Snippet
Edycja
Atrakcyjny rich snippet
Wpływa na CTR i na pozycję
!
<title>
• Unikalny• Generowany dynamicznie• Możliwość edycji• Zazwyczaj ~70 znaków• <title>Tytuł strony - Nazwa strony</title>
<meta name=„description”…
• Unikalny lub pusty • Generowany dynamicznie (przy dużych projektach)• Możliwość edycji• Zazwyczaj 100 – 160 znaków
<meta name=„keywords”…
• Pusty• Możliwość edycji• Brak znaczenia w wyszukiwarce Google
Podgląd meta danych
http://www.google.com/webmasters/tools/richsnippets http://www.seoptimer.com/
Optymalizacja widoków
Nagłówki, obrazki itp.
#2
Nagłówki <h1>
H1
H2
H3
http://themeforest.net/item/corporate-style-deluxe/16029
HTML5 a wiele <h1>
• Tak, tak – wiem, że można wiele H1 ;-)• http://youtu.be/GIn5qJKU8VM
<strong>
<span style=„font-weight: bold”>
<img>
<img src=”truskawki.jpg” alt=”Polskie truskawki w koszykach” />
http://www.flickr.com/photos/beneekhof/9191034867/
Listy, kategorie, tagi, taxonomie…
• Także trzeba optymalizować• Warto dodać pole opisowe,
które pojawia się nad listą
Przyjazne adresy URL
Im prostsze, tym lepsze
#3
Adresy URL – „SEO friendly”
• Prosty• Krótki• - zamiast _• Bez znaków specjalnych
• http://moj-sklep.pl/produkt/samsung-galaxy-s5 • http://moj-dziennik.pl/zaproszenie-na-meetup-bydgoszcz/
Adresy URL – „SEO friendly”
Dobrze
/lozka-drewniane/
Źle
/Luzka-Drewniane/łóżka-drewniane/lozka_drewniane/lozka-drewniane.html/lozka/lozka-drewniane//lozka-drewniane
Kanoniczność adresów URL
Aby robot wiedział co jest ważne
#4
Kanoniczność adresów URL
• http://www.mojafirma.pl/ - OK
• http://www.mojafirma.pl/index.php• http://www.mojafirma.pl/index.php?id=4• http://www.mojafirma.pl/start.html• http://mojafirma.pl/• https://mojafirma.pl/ • itd…
Kanoniczność adresów URL
Duplikaty i błędy
Filtry i sortowanie
Kanoniczność adresów URL
<link rel=„canonical”…
<meta name=„robots”…
Przekierowania HTTP
•Przenosi moc SEO•TrwałyHTTP/301
•Nie przenosi mocy SEO•TymczasowyHTTP/302
Przekierowania HTTP
Przekierowanie 301 w PHP
<?php
// 301 Moved Permanently
header("Location: /foo.php", TRUE, 301);
?>
Kanoniczność adresów URL
Działanie tylko w jednej domenie (hoście)
RewriteCond %{HTTP_HOST} !^www.domena.pl$RewriteRule ^(.*)$ http://www.domena.pl/$1 [R=301,L]
Indeksowanie stron
Kontrola dostępu dla robotów
#5
Gdzie nie wpuszczać robota?
Konto CMS Koszyk
Wyszukiwarka Foldery Drukuj itp.
Meta – jak nie indeksować stron
http://www.clker.com/cliparts/m/I/n/c/R/q/happy-robot-hi.png
<meta name=„robots” content=„noindex” />
Uwaga - Nie łączyć noindex z canonical!
Robots.txt – jak nie wpuszczać robota
http://www.clker.com/cliparts/m/I/n/c/R/q/happy-robot-hi.png
# Do wszystkich robotow:User-agent: *
# Nie przejmuj się tymi linkami:Disallow: /basket.phpDisallow: /admin/Disallow: /*.xls$
Czy wszystko działa?
http://home.snafu.de/tilman/xenulink.html
• darmowy, ignoruje robots.txt
Xenu's Link Sleuth
• darmowy
GsiteCrawler
• płatny, dodatkowe możliwości
Screaming Frog SEO
Paginacja
1, 2, 3, 4, 5…
#6
Pierwsza strona paginacji
/lozka-drewniane/ (nie ma „1”)/lozka-drewniane/2//lozka-drewniane/3/Itd..
<link rel=„prev/next”…
http://googlewebmastercentral.blogspot.com/2011/09/pagination-with-relnext-and-relprev.html
Paginacja – częste błędy
Duplikat pierwszej strony
Rel=„canonical” do pierwszej strony
Meta noindex/nofollow dla paginacji
Obsługa błędów
HTTP 404, 500
#7
Pozorne błędy 404
Nagłówek 404
Wysłanie nagłówka HTTP/404
<?phpheader("HTTP/1.0 404 Not Found");
?>
Koszyk zakupowy
E-commerce
#8
Dodawanie do koszyka
•okForm
•źle Link
http://cdn.business2community.com/wp-content/uploads/2013/05/add-to-cart-red.png
Koszyk
http://cdn.business2community.com/wp-content/uploads/2013/05/add-to-cart-red.png
Noindex dla koszyka i procesu zakupowego
Widok „Dziękujemy za zakup”
<!-- Google Code for Purchase Conversion Page --><script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 1234567890; var google_conversion_language = "en_US"; var google_conversion_format = "1"; var google_conversion_color = "666666"; var google_conversion_label = "Purchase"; if (10.0) { var google_conversion_value = 10.0 } /* ]]> */ </script><script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>
Możliwość wstawienia kodów konwersji/celu
Microdane
Dane zrozumiałe dla robota
#9
Microdane produktu i oferty
Nazwa
Zdjęcia
Cena
Opinie
Dostępność
Microdane produktu i oferty
<div itemscope itemtype="http://schema.org/Product"> <span itemprop="name">Smartfon Samsung I9505 Galaxy S4 Czarny Klasa premium</span> <img itemprop="image" src="telefon.jpg" /> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> Ocena <span itemprop="ratingValue">4.5</span>/5 na podstawie <span itemprop="reviewCount">5</span> opinii </div> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> Cena <span itemprop="price">1599,00</span> <link itemprop="availability" href="http://schema.org/InStock" />Dostępny </div> </div>
Microdane produktu i oferty
Najczęściej wykorzystywane microdane
Produkty/Oferty
Dane firm
Opinie
Wydarzenia
Przepisy
Video
Więcej microdanych
Dokumentacja https://schema.org/
Testowanie http://www.google.com/webmasters/tools/richsnippets
Szybkość
Szybkość strony wpływa na SEO
#10
Szybkość wczytywania strony
Podstawy optymalizacji szybkości
Optymalizacja obrazów
Minimalizacja zapytań do serwera• Image sprites • Scalanie CSS/JS
Minimalizacja CSS/JS
Kompresja
Cache
Przydatne narzędzia SEO
Dla webmastera i programisty
#Extra
Google Webmaster Tools
https://www.google.com/webmasters/tools/
Xenu’s Link Sleuth
http://home.snafu.de/tilman/xenulink.html
Dzięki za uwagę :-)
Paweł RabinekWeb: www.redseo.pl E-mail: [email protected] Znajdziesz mnie na Google+
Slajdy: slideshare.net/rabinek