On-Page SEO - dynamiclibrarian

advertisement
Search Engine Optimization
Miss Ellis
Mrs. Harvey
What are some popular search
engines?
What do you know about how
search engines find information?
Do you know any design tags
that will help make your site
searchable?
What is SEO?

Maximizing the number of visitors to
your site

Makes the site easy for the search
engines to find, read, and determine
its relevancy to users
Search Engine Optimization
On-Page SEO
Off-Page SEO

User controlled


Changes to the
coding
Typically not
controllable

Increase in
credibility and
popularity from
off-site links

Make site
search engine
friendly
Spiders
•
YOU input a
search term
•
Spiders crawl
around and find
relevant
information
•
Return search
results
Robots
• Controlled
by
search engines
• Index
• Find
websites
keywords
• Leave
information for
spiders to find
On-Page SEO
User controlled
Types of On-Page SEO

Title

Headings

Body

Images

Meta-Tags
Title
Title
Title
Title
<title>
Searchable title appears in
tab or browser
</title>
Headings
Headings
Headings
<h1>
Canon-McMillan High School
</h1>
<h2>
Library Web Page
</h2>
Body
Body



Introduction

Location, specialty

What sets the site apart

Mission
Bullet Points

Keywords

To the point
Summary


Additional info not in other pieces
Call to Action (CTA)

What is your point?

Relevant navigation
Images

Image name
Descriptive names
 NO SPACES


Alt attributes
Visually impaired
 What if the image doesn’t load?


Title attributes
Hover over the image
 ASP

Images
<img
src=“descriptive_name.jpg”
alt=“Text that replaces lost
image” title=“Hover text”>
Images
<img
src="http://www.amazingsuperpower
s.com/comics/2011-05-09Committee-Meeting.png" alt="Their
mission statement is ''Watch your
head.''" title="Their mission statement
is ''Watch your head.''"/>
Images
Images

Context

Image location

Protecting image
 HTML
embed code
 Creative
Commons license
Meta-Tags




No standard properties - variations
Allow search
Classification
Description


Less than 200 characters (like Twitter)
Keywords
Case sensitivity
 First 1000 characters
 Misspellings

Meta-Tags
<meta name=“allow-search”
content=“yes”>
<meta name=“classification”
content=“Weddings”>
<meta name=“description” content=“MB
bridal shop in Pittsburgh, Pennsylvania sells
wedding gowns, bridesmaid gowns, and
helps local brides with their wedding
planning.”>
Meta-Tags
<meta name=“keywords"
content="Bridal, Tuxedos, Bridal Gown,
Bridal Fashions, Bridal Showers, Bridal
Attire, Wedding, Wedding Gown,
Wedding Dress, Fashion, Greensburg,
Pittsburgh, Pennsylvania, PA,
Bridesmaids, Bride, Groom, Formal,
Formalwear, Formal attire, Special
Occasion, Prom, Accessories, Shoes,
Gloves, Headpieces, Veils">
Additional Meta-Tags

Author

Language

Copyright

Robot commands
 All
 Index
 No
index
<html>
<head>
<title>Publishing Pittsburgh, PA Writers’ Ink</title>
<meta name=“allow-search” content=“yes”>
<meta name=“classification” content=“publishing”>
<meta name=“description” content=“Writers’ Ink in
Pittsburgh, Pennsylvania edits and publishes articles, fiction,
and creative nonfiction in a student-run magazine”>
<meta name=“keywords" content=“writing, publishing, fiction,
creative nonfiction, manuscripts, nonfiction, magazine">
</head>
<body>
<h1>Pittsburgh, PA Magazine Publication</h1>
<h2>Writers’ Ink</h2>
Descriptive information
</body>
</html>
Without on-page
optimization
search engines cannot
find your site!
Implement these practices
during the DESIGN and
CREATION stages of your
webpage.
Types of On-Page SEO

Title

Headings

Body

Images

Meta-Tags
Off-Page SEO
Not controllable
Types of Off-Page SEO

Links from other sites
 More

Wording in hyperlinks
 Act
like keywords
 More

links = higher ranking
use = more association
Reputation of other site
 Reputable
sites have more weight
JCPenney Scandal
• Thousands
fake sites
• Fake
of
keywords
• Scammed
way to
top of search
engine lists
THIS IS NOT ONLY
IMMORAL, IT IS ILLEGAL
Google punished JCP by
bumping them down on the
search lists for MONTHS
Lesser sites have been
search BANNED by search
engines
Types of Off-Page SEO

Links from other sites
 More

Wording in hyperlinks
 Act
like keywords
 More

links = higher ranking
use = more association
Reputation of other site
 Reputable
sites have more weight
Video
http://youtu.be/hF515-0Tduk
What is SEO?

On-page SEO

Off-page SEO

Why do webdesigners use it?

What should we avoid?
Miss Ellis’s Wiki
http://dynamiclibrarian.wikispaces.com/
Review

Create your own sample homepage
coding using appropriate title,
headings, image tags, meta-tags,
and body text.

Use a real business or make up one
Download