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

Seoptimer.com

http://www.seoptimer.com/

Web-Sniffer.net

http://www.web-sniffer.net/

Web Page Test

http://www.webpagetest.org/

Dzięki za uwagę :-)

Paweł RabinekWeb: www.redseo.pl E-mail: pawel@redseo.pl Znajdziesz mnie na Google+

Slajdy: slideshare.net/rabinek