smx stockholm 2011 stavros bilis search engine friendly design

36
by Stavros Bilis Contact: [email protected] - @stavr0s SEARCH ENGINE FRIENDLY DESIGN A story about People, Sites and Robots SMX Stockholm 2011

Upload: stavrosb

Post on 17-Jan-2015

481 views

Category:

Technology


1 download

DESCRIPTION

Stavros Bilis Presentation from SMX Stockholm 2011 event, September 2011.Search Engine Friendly design, for any questions do not hesitate to contact me to @stavr0s.

TRANSCRIPT

Page 1: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

by Stavros Bilis

Contact: [email protected] - @stavr0s

SEARCH ENGINE FRIENDLY DESIGN

A story about People, Sites and Robots

SMX Stockholm 2011

Page 2: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Who am I?

Page 3: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Who are we?

We Design. We Create. We Optimize. We Monetize.

Page 4: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Why SEO Friendly Design?

This is SPAM. This is a lot of SPAM.

Page 5: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Humans and Robots

Sites designed for humans and loved by robots.

Message

• H: Information/Buy/Interact

• R: Relevant content

Path

• H: Logical Navigation/inlinks

• R: Text/ inlinks

Goal

• H: Inform/Convert

• R: Help rank in search engines

Page 6: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Content

Content is

KING

Is your content indexable?

Page 7: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Content - Images

Robots crawling a site can not see images.

They can read “alt tags”.

<img alt="Messi Copa America 2011 .jpg" src=http://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Messi_Copa_America_2011_.jpg/220px-Messi_Copa_America_2011_.jpg width="220" height="312" />

Source: http://en.wikipedia.org/wiki/Lionel_Messi

Page 8: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Content – Video/Audio

Use text / transcript to describe your video/ audio content.

The more relevant and natural language, the better chances to appear in search results.

Page 9: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Content – Video/Audio

No description/ no text at all

Page 10: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

A 1999 site with Flash

Flash?

Page 11: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Robot, wondering…

Seriously now, Flash?

Page 12: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Yes, the same 1999 Flash site

Seriously now, Flash?

Source: http://superior-web-solutions.com/Broadband/Home/Home.html

Page 13: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

1999 Flash site source code

Source code:

Source: view-source:http://superior-web-solutions.com/Broadband/Home/Home.html

Page 14: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Does only content matter?

Page 15: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Links

Are you links crawlable?

Can search engine robots reach main content/pages and see your links?

Page 16: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Links – Case Study Allaannonser.se

Site information

Allaannonser.se: Search Engine for online ads & classifieds

Indexed Pages in Google: 14.600.000+

Age: 7 years, since 2004

Backlinks: 177.000+

Referring domains: 660+

Visits: more than 2.100.000 per month

Main Ad Categories: 20 – 30

Page 17: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Links – Case Study Allaannonser.se

Linking in

main

categories

and partner

sites in the

homepage:

Page 18: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Links – Case Study Allaannonser.se

Using “nofollow”:

Page 19: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Links – Case Study Allaannonser.se

Popular keywords linking to “deep content”:

Page 20: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Links – Case Study Allaannonser.se

Popular keywords after user search linking to relevant

“deep content”:

Page 21: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Links – What to avoid

Links in:

• Submission forms

• Blocked pages by meta tags/robots.txt

• iFrames

• Javascript/Flash/Plug-ins

• Pages with more than 100 links

Page 22: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Keywords

• Decide what your niche is.

• Do your research and use wisely your keywords.

• Write relevant content and natural language.

• Do not stick on “keyword density” myths.

Page 23: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

On Page Optimization

Example keywords: “Hotel Santorini”

Page Title: Hotel in Santorini | Hotel Website

Meta description: Find your hotel in Santorini!

H1 Headline: Hotel in Santorini from Hotel Website

Image filename: “hotel-santorini.jpg”

Image alt tag: “Hotel Santorini”

Main text:

____Hotel____Santorini_________________

hotel____flight_____Santorini______luxuriou

s hotel with view____Santorini hotels.

_________________________hotels in

Santorini___________summer vacation_____

__________hotels in Greece_____________

__________hotel bookings. ______________

Page URL: hotelwebsite.com/hotel-santorini

Page 25: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Meta Tags

Meta Robots

Index/noindex, follow/nofollow/noarchive/nosnippet/noODP/noYDir

Meta description

<meta name="description" content="Sveriges största matcommunity med över 86

300 recept och över 635 800 medlemmar" />

Meta keywords do not matter anymore

Page 26: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Page Speed - Less is more

Page 27: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

What to avoid in your site

• iFrames

• Flash

• Heavy Images

• Scripts that slower the page

• Broken Links

• Massive amount of internal/external links per page

• Thin content

• Copied and duplicate content

Page 28: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Go the extra mile for your site

Test, measure, test, measure, test

Big players already do it.

http://fashion.ebay.com/

http://www.motors.ebay.com/

http://www.ebay.com/electronics

Page 29: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Extra: Mobile SEO Friendly Design

Page 30: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Extra: Mobile SEO Friendly Design

Page 31: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Extra: Mobile SEO Friendly Design

• Create lighter versions of the site (mobile.site.com)

• Localized content – people on the move

• Less media, more text

• Yes to mobile ads but do not overdo it

• Use “share with friends/others” functions

• Browser/mobile OS compatibility

Page 32: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Users are different

•Respect users and their time

•Make their life easier

•Make awesome and user friendly websites

Page 33: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Who is afraid of Pandas?

Page 34: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

What is the…

Page 35: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Future of SEO friendly design

• Less is more?

• Content is king?

• Back to Flash?

• New Panda/algorithm will change everything?

Page 36: SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

Thank you ! – Tack!

Stavros Bilis

: @stavr0s

: bilis.gr & linkedin.com/in/bilis

: [email protected]