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

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 of SMX Stockholm 2011 Stavros Bilis Search Engine Friendly Design

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]