5. COMPOSITION
Composition of a webpage:
The Golden Section
The Rule of Thirds
Utilitzing the Rules of Photography
http://designingfortheweb.co.uk/book/part5/part5_chapter21.php
6.
7. INTERACTIVE WEB
Web 1.0 – Plain Text
Web 2.0 – Text and Pictures
Web 3.0 – Text, Pictures, Movies
Web 4.0 – Text, Pictures, Movies, Interactivity
8. EASE OF USE
Grandma Test
Navigation Up Top
Place elements ordered by priority of user
Action Item Bottom Right of Screen
Label Everything Important!
Less is More! (Don’t Fear the whitespace)
Test! Test! TEST!
9. A/B TESTING
Test Your Headline & Value Proposition
Add Testimonials & Reviews
Optimize Your Lead Capture Form
Test Button Color, Shape, and Size
Look Here! (Add Directional Cues)
Employ Trust Badges & Guarantees
http://www.wordstream.com/blog/ws/2013/07/11/landing-page-conversion-rate-guide
10. CALL TO ACTION
Have a Goal/s for your Users
Don’t try to Trick your User
Make your Goal Clear and Defined
Place your Call to Action in a prominent place
Make your Call to Action the Next Logical Step
Always offer an Alternative Action
11. ON SITE FACTORS
Headline: Match User Intent
Speed! Make your site load Fast!
Add Social Proof to increase Trust
Use Imagery and Videos to capture attention
Add something to DO on-site to decrease Bounce Rates!
Be better than your Competition.
12. ONSITE – PAGE ERRORS
Check to make sure your site is error free:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator
13. ONSITE - META TAGS
Meta elements are the HTML or XHTML <meta … > element
used to provide structured metadata about a Web page.
Multiple elements are often used on the same page: the
element is the same, but its attributes are different. Meta
elements can be used to specify page description, keywords
and any other metadata not provided through the other head
elements and attributes.
14. META TAGS
M E T A N A M E
Title Tag
Description Tag
Keywords Tag
Robots Tag - Index, Follow
C O D E
<meta name=“title"
content=“My Page Title"
>
<meta name=“description"
content=“My Page
Description" >
<meta name=“keywords"
content=“Keyword1, key
word2, keyword3" >
<meta name=“robots"
content=“index, follow" >
<meta name=“GOOGLEBOT"
content=“index, follow" >
19. TITLE – GOOD EXAMPLE
Keyword 1 & Keyword 2 – Company
Name
Ranked #1 for: “Flat Screen TV”
20. DESCRIPTION
•Use a Short, Concise and Compelling Message
•Should Contain your Keyword/s
•Get ideas by checking out your competition
•Do a Search for your Keyword/s
•Write at least 10 variations
•Survey Friends, Family, & Social Contacts
•Run a Small Budget Test on AdWords
21. KEYWORDS
Keywords Rule: Target 2-3
specific keywords per page.
Exception: Home Page – Target
3-5 keywords on your website
home page.
22. ROBOTS
<meta name="robots" content="index, follow" />
<meta name="GOOGLEBOT" content="index, follow" />
Variations – (no index, no follow)
Also
<meta name="Revist-After" content="7 days" />
23. RICH SNIPPET
Mark Up your Site Using this Easy Tool:
https://www.google.com/webmasters/markup-helper/
Test Your Snippets Here:
http://www.google.com/webmasters/tools/richsnippets
24. ONSITE – PAGE ERRORS
Check to make sure your site is error free:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator
25. ONSITE - META TAGS
Meta elements are the HTML or XHTML <meta … > element
used to provide structured metadata about a Web page.
Multiple elements are often used on the same page: the
element is the same, but its attributes are different. Meta
elements can be used to specify page description, keywords
and any other metadata not provided through the other head
elements and attributes.
26. META TAGS
M E T A N A M E
Title Tag
Description Tag
Keywords Tag
Robots Tag - Index, Follow
C O D E
<meta name=“title"
content=“My Page Title"
>
<meta name=“description"
content=“My Page
Description" >
<meta name=“keywords"
content=“Keyword1, key
word2, keyword3" >
<meta name=“robots"
content=“index, follow" >
<meta name=“GOOGLEBOT"
content=“index, follow" >
31. TITLE – GOOD EXAMPLE
Keyword 1 & Keyword 2 – Company
Name
Ranked #1 for: “Flat Screen TV”
32. DESCRIPTION
•Use a Short, Concise and Compelling Message
•Should Contain your Keyword/s
•Get ideas by checking out you competition
•Do a Search for your Keyword
•Write at least 10 variations
•Survey Friends, family, Social Contacts
•Run a Small Budget Test on AdWords
33. KEYWORDS
Keywords Rule: Target 2-3
specific keywords per page.
Exception: Home Page – Target
3-5 keywords on your website
home page.
34. ROBOTS
<meta name="robots" content="index, follow" />
<meta name="GOOGLEBOT" content="index, follow" />
Variations – (no index, no follow)
Also
<meta name="Revist-After" content="7 days" />
35. RICH SNIPPET
Mark Up your Site Using this Easy Tool:
https://www.google.com/webmasters/markup-helper/
Test Your Snippets Here:
http://www.google.com/webmasters/tools/richsnippets