SlideShare ist ein Scribd-Unternehmen logo
1 von 23
Downloaden Sie, um offline zu lesen
Unit 1: Web Fundamentals
Lesson 6: Search Engine Optimization
August 21, 2013
Lesson 6: Search Engine Optimization
2
Introduction
to HTML
Learning to
Use HTML
HTML and
Email
History and
Future of the
Web
HTML and
Forms
Search
Engine
Optimization
Learning to
Use CSS
Introduction
to CSS
Reusing
Code
3 Ways to
Use CSS
Separation of
Concerns
Launching
Your Own
Website
Lesson 1 Lesson 2 Lesson 3 Lesson 4
Lesson 8 Lesson 7 Lesson 6 Lesson 5
Lesson 9 Lesson 10 Lesson 11 Lesson 12
Build understanding Develop skills
Recap from last time (I)
3
• HTML is important not just for receiving information, but also for
sending data to a server
• Forms allow us to actively engage with the internet, both sending
and receiving information as we browse websites
Amazon
server
Amazon
database
Recap from last time (II)
4
• There are many different types of forms – these allow for many
features such as account login and search bars
• User information is stored in databases, which are similar to filing
cabinets with a different file for each user
Google search Gmail sign-in
How to attract visitors to your website?
5
• We’ve already looked at how to view, interact with, and send data to
websites
• But if you’ve built a website of your own, how do you get people to
actually visit your page?
Not very effective…
One of the best ways is to show up in search
results
6
• Search engines such as Google and Yahoo want to show the most
relevant websites to their users
• If a user searches ‘lawn chairs’, they should expect to see results for:
Companies selling
patio furniture
Pictures of lounge
chairs
But not a TSwift
music video!
Meta tags
7
• To help Google decide what a website is about, they look at meta
tags, which are words that describe the content on your site
• Meta tags can be used to tell what language a page is written in,
who authored the page, or even the location of the business or site
owner
A few examples of meta tags
8
Type of meta tag Example
Locations served
by a business
Type of content
Keywords describing
the page
Where to find meta tags? (I)
9
1. Go to the Apple homepage at www.apple.com
Where to find meta tags? (II)
10
2. Right click on an empty region (make sure your cursor looks like
and not ). Click ‘View Page Source’ to view the HTML.
Click here
Where to find meta tags? (III)
11
3. Now you should be able to see the HTML of the page. The meta
tags are located near the top of the page.
Let’s take a
closer look…
Where to find meta tags? (IV)
12
4. You should see the meta tags underneath the <head> tag.
<head> tag
Meta tags
Where to find meta tags? (V)
13
5. Without knowing too much about meta tags, we can already guess
what some of these mean:
A short description
of Apple and the
page are about
The author of the
page is “Apple Inc.”
Which keyword meta tags should I use? (I)
14
What you should do What you should NOT do
Use keywords that describe your
website’s content
Choose keywords that are specific to
your page
Consider what users will think to
search when they want to find you
Which keyword meta tags should I use? (II)
15
What you should do What you should NOT do
Use keywords that describe your
website’s content
Choose keywords that are specific to
your page
Use keywords that are unrelated to
your website
Choose keywords that are too
general or vague
Consider what users will think to
search when they want to find you
Pick keywords just because they’re
popular search terms
We want to make sure the RIGHT users
are able to find our website
Exercise: brainstorming keyword meta tags (I)
16
• Suppose you are the owner of the website for Pixar Animation
Studios. You need to brainstorm 5 keyword meta tags to use. What
would they be?
• Hint: think of words or phrases that describe your page’s content
Exercise: brainstorming keyword meta tags (II)
17
• There are many great keywords you could have used. Below are
just a few examples of good and bad keywords
Good keywords Bad keywords
Pixar
Animation
Toy Story
Nemo
Buzz Lightyear
Brown
Hat
Andy Murray
Tesco
Microsoft
Company name
Name of Pixar film
Names of Pixar
characters
Woody may be
wearing a brown hat,
but these words are
not specific to Pixar
These keywords
aren’t relevant at all
Search engine optimization (I)
18
• In the past, to get to the top of the search results, you just needed to
choose the right keyword meta tags
• Now search engines no longer look at meta tags to decide what
order to display search results
Search engine optimization (II)
19
• Search engines now use complicated algorithms to determine which
websites are most important
• Search engine optimization (SEO) is how website owners improve
the rank of their page in search results
One of these algorithms
looks at links between pages
to decide which pages are
most important
Meta tags are still important
20
• Even though meta tags no longer affect a page’s ranking, they are
still very important!
• Meta tags will appear in search results to describe your page to
potential visitors
• Good meta tags can help attract the right audience to your site!
This is the meta description tag
Summary (I)
21
• Meta tags describe the content on your website and can help you
attract the right audience
• Meta tags appear in the <head> section, usually near the top of the
HTML code
• Good meta tags are specific and accurately describe the content on
your page
Summary (II)
22
• Good search engine optimization (SEO) can help your site get more
visitors
• While search engines used to rely on meta tags, they now use
complex algorithms to determine how to order search results
One of these algorithms
looks at links between pages
to decide which pages are
most important
What to do on your own
1. Go to URL to complete the Codecademy course online
2. Do the practice set on the material learned
1. Take the follow-up quiz to test your understanding
23
Get ready to learn CSS!!

Weitere ähnliche Inhalte

Was ist angesagt?

Lesson 110 24 aug13-1400-ay
Lesson 110 24 aug13-1400-ayLesson 110 24 aug13-1400-ay
Lesson 110 24 aug13-1400-ayCodecademy Ren
 
Lesson 109 23 aug13-1430-ay
Lesson 109 23 aug13-1430-ayLesson 109 23 aug13-1430-ay
Lesson 109 23 aug13-1430-ayCodecademy Ren
 
Lesson 112 24 aug13-2300-ay
Lesson 112 24 aug13-2300-ayLesson 112 24 aug13-2300-ay
Lesson 112 24 aug13-2300-ayCodecademy Ren
 
Slides(1) june entre
Slides(1) june entreSlides(1) june entre
Slides(1) june entreEntreMT2012
 
It’s a blog. it’s a website.
It’s a blog. it’s a website.It’s a blog. it’s a website.
It’s a blog. it’s a website.Css Founder
 
Html complete course | Lec -1 | what is html
Html complete course | Lec -1 | what is htmlHtml complete course | Lec -1 | what is html
Html complete course | Lec -1 | what is htmlLearnFrom1
 
Plug and Play Tools for the Recruiting Empiricist
Plug and Play Tools for the Recruiting EmpiricistPlug and Play Tools for the Recruiting Empiricist
Plug and Play Tools for the Recruiting EmpiricistJung Kim
 
Introduction to Web Browser Extension/Add-ons
Introduction to Web Browser Extension/Add-onsIntroduction to Web Browser Extension/Add-ons
Introduction to Web Browser Extension/Add-onsPranav Gupta
 
OpenID Intro @ Barcamp Brussels 3
OpenID Intro @ Barcamp Brussels 3OpenID Intro @ Barcamp Brussels 3
OpenID Intro @ Barcamp Brussels 3Frank Louwers
 
3 Alternates to Whiteout PDF
3 Alternates to Whiteout PDF3 Alternates to Whiteout PDF
3 Alternates to Whiteout PDFDeftPDF
 

Was ist angesagt? (18)

Lesson 110 24 aug13-1400-ay
Lesson 110 24 aug13-1400-ayLesson 110 24 aug13-1400-ay
Lesson 110 24 aug13-1400-ay
 
Lesson 109 23 aug13-1430-ay
Lesson 109 23 aug13-1430-ayLesson 109 23 aug13-1430-ay
Lesson 109 23 aug13-1430-ay
 
Lesson 112 24 aug13-2300-ay
Lesson 112 24 aug13-2300-ayLesson 112 24 aug13-2300-ay
Lesson 112 24 aug13-2300-ay
 
Gmail
GmailGmail
Gmail
 
Slides(1) june entre
Slides(1) june entreSlides(1) june entre
Slides(1) june entre
 
It’s a blog. it’s a website.
It’s a blog. it’s a website.It’s a blog. it’s a website.
It’s a blog. it’s a website.
 
Leran html
Leran htmlLeran html
Leran html
 
Html complete course | Lec -1 | what is html
Html complete course | Lec -1 | what is htmlHtml complete course | Lec -1 | what is html
Html complete course | Lec -1 | what is html
 
Plug and Play Tools for the Recruiting Empiricist
Plug and Play Tools for the Recruiting EmpiricistPlug and Play Tools for the Recruiting Empiricist
Plug and Play Tools for the Recruiting Empiricist
 
Beginners WordPress JALC Lesson 2
Beginners WordPress JALC Lesson 2Beginners WordPress JALC Lesson 2
Beginners WordPress JALC Lesson 2
 
Introduction to Web Browser Extension/Add-ons
Introduction to Web Browser Extension/Add-onsIntroduction to Web Browser Extension/Add-ons
Introduction to Web Browser Extension/Add-ons
 
OpenID Intro @ Barcamp Brussels 3
OpenID Intro @ Barcamp Brussels 3OpenID Intro @ Barcamp Brussels 3
OpenID Intro @ Barcamp Brussels 3
 
Web software
Web softwareWeb software
Web software
 
HTML standards
HTML standardsHTML standards
HTML standards
 
Chapter2
Chapter2Chapter2
Chapter2
 
Seo tutorial
Seo tutorialSeo tutorial
Seo tutorial
 
Email
EmailEmail
Email
 
3 Alternates to Whiteout PDF
3 Alternates to Whiteout PDF3 Alternates to Whiteout PDF
3 Alternates to Whiteout PDF
 

Ähnlich wie Lesson 106 23 aug13-1430-ay

Getting found - Search Engine Optimizaton
Getting found - Search Engine OptimizatonGetting found - Search Engine Optimizaton
Getting found - Search Engine Optimizatonnetc2012
 
40+ ways to improve search ranking on google
40+ ways to improve search ranking on google40+ ways to improve search ranking on google
40+ ways to improve search ranking on googleTC Mastery
 
Search engine optimization (SEO, SEM, SMM)
Search engine optimization (SEO, SEM, SMM)Search engine optimization (SEO, SEM, SMM)
Search engine optimization (SEO, SEM, SMM)NeslaSherin
 
Seo class (2) converted
Seo class (2) convertedSeo class (2) converted
Seo class (2) convertedNeslaSherin
 
25 Website 'Must Have's For Driving Traffic, Leads and Sales
25 Website 'Must Have's For  Driving Traffic, Leads and Sales25 Website 'Must Have's For  Driving Traffic, Leads and Sales
25 Website 'Must Have's For Driving Traffic, Leads and SalesDigitant
 
How do you seo sept 2016
How do you seo sept 2016How do you seo sept 2016
How do you seo sept 2016Cory Ando
 
Basic SEO Structural Issues
Basic SEO Structural IssuesBasic SEO Structural Issues
Basic SEO Structural IssuesR2integrated
 
SEO Fundamentals & KW Research
SEO Fundamentals & KW ResearchSEO Fundamentals & KW Research
SEO Fundamentals & KW ResearchAnna Moragli
 
SEO Copywriting for Humans
SEO Copywriting for HumansSEO Copywriting for Humans
SEO Copywriting for HumansMelanie Seibert
 
Demand quest SEO training Session 1 May 2017
Demand quest SEO training Session 1 May 2017Demand quest SEO training Session 1 May 2017
Demand quest SEO training Session 1 May 2017Nate Plaunt
 
Getting started-with-seo-web-gnomes
Getting started-with-seo-web-gnomesGetting started-with-seo-web-gnomes
Getting started-with-seo-web-gnomestechgreen solution
 

Ähnlich wie Lesson 106 23 aug13-1430-ay (20)

Seo on page ppt
Seo on page pptSeo on page ppt
Seo on page ppt
 
8 Key Ways to Rock SEO
8 Key Ways to Rock SEO8 Key Ways to Rock SEO
8 Key Ways to Rock SEO
 
Accelerate Tectoria SEO Primer
Accelerate Tectoria SEO PrimerAccelerate Tectoria SEO Primer
Accelerate Tectoria SEO Primer
 
Seo Book
Seo BookSeo Book
Seo Book
 
Seobook53
Seobook53Seobook53
Seobook53
 
Getting found - Search Engine Optimizaton
Getting found - Search Engine OptimizatonGetting found - Search Engine Optimizaton
Getting found - Search Engine Optimizaton
 
40+ ways to improve search ranking on google
40+ ways to improve search ranking on google40+ ways to improve search ranking on google
40+ ways to improve search ranking on google
 
Search engine optimization (SEO, SEM, SMM)
Search engine optimization (SEO, SEM, SMM)Search engine optimization (SEO, SEM, SMM)
Search engine optimization (SEO, SEM, SMM)
 
Seo class (2) converted
Seo class (2) convertedSeo class (2) converted
Seo class (2) converted
 
25 Website 'Must Have's For Driving Traffic, Leads and Sales
25 Website 'Must Have's For  Driving Traffic, Leads and Sales25 Website 'Must Have's For  Driving Traffic, Leads and Sales
25 Website 'Must Have's For Driving Traffic, Leads and Sales
 
Get your website found
Get your website foundGet your website found
Get your website found
 
How do you seo sept 2016
How do you seo sept 2016How do you seo sept 2016
How do you seo sept 2016
 
Mkt 460 Week 6
Mkt 460 Week 6Mkt 460 Week 6
Mkt 460 Week 6
 
The structure of
The structure ofThe structure of
The structure of
 
Basic SEO Structural Issues
Basic SEO Structural IssuesBasic SEO Structural Issues
Basic SEO Structural Issues
 
SEO Fundamentals & KW Research
SEO Fundamentals & KW ResearchSEO Fundamentals & KW Research
SEO Fundamentals & KW Research
 
SEO Copywriting for Humans
SEO Copywriting for HumansSEO Copywriting for Humans
SEO Copywriting for Humans
 
Seo book
Seo bookSeo book
Seo book
 
Demand quest SEO training Session 1 May 2017
Demand quest SEO training Session 1 May 2017Demand quest SEO training Session 1 May 2017
Demand quest SEO training Session 1 May 2017
 
Getting started-with-seo-web-gnomes
Getting started-with-seo-web-gnomesGetting started-with-seo-web-gnomes
Getting started-with-seo-web-gnomes
 

Mehr von Codecademy Ren

Lesson 304 05 jan14-1500-ay
Lesson 304 05 jan14-1500-ayLesson 304 05 jan14-1500-ay
Lesson 304 05 jan14-1500-ayCodecademy Ren
 
Lesson 303 05 jan14-1500-ay
Lesson 303 05 jan14-1500-ayLesson 303 05 jan14-1500-ay
Lesson 303 05 jan14-1500-ayCodecademy Ren
 
Lesson 301 26 nov13-1500-ay
Lesson 301 26 nov13-1500-ayLesson 301 26 nov13-1500-ay
Lesson 301 26 nov13-1500-ayCodecademy Ren
 
Lesson 302 05 jan14-1500-ay
Lesson 302 05 jan14-1500-ayLesson 302 05 jan14-1500-ay
Lesson 302 05 jan14-1500-ayCodecademy Ren
 
Lesson 207 19 oct13-1500-ay
Lesson 207 19 oct13-1500-ayLesson 207 19 oct13-1500-ay
Lesson 207 19 oct13-1500-ayCodecademy Ren
 
Lesson 206 11 oct13-1500-ay
Lesson 206 11 oct13-1500-ayLesson 206 11 oct13-1500-ay
Lesson 206 11 oct13-1500-ayCodecademy Ren
 
Lesson 205 07 oct13-1500-ay
Lesson 205 07 oct13-1500-ayLesson 205 07 oct13-1500-ay
Lesson 205 07 oct13-1500-ayCodecademy Ren
 
Lesson 204 03 oct13-1500-ay
Lesson 204 03 oct13-1500-ayLesson 204 03 oct13-1500-ay
Lesson 204 03 oct13-1500-ayCodecademy Ren
 
Lesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ayLesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ayCodecademy Ren
 
Lesson 202 02 oct13-1800-ay
Lesson 202 02 oct13-1800-ayLesson 202 02 oct13-1800-ay
Lesson 202 02 oct13-1800-ayCodecademy Ren
 
Lesson 108 23 aug13-1430-ay
Lesson 108 23 aug13-1430-ayLesson 108 23 aug13-1430-ay
Lesson 108 23 aug13-1430-ayCodecademy Ren
 
Lesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ayLesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ayCodecademy Ren
 

Mehr von Codecademy Ren (12)

Lesson 304 05 jan14-1500-ay
Lesson 304 05 jan14-1500-ayLesson 304 05 jan14-1500-ay
Lesson 304 05 jan14-1500-ay
 
Lesson 303 05 jan14-1500-ay
Lesson 303 05 jan14-1500-ayLesson 303 05 jan14-1500-ay
Lesson 303 05 jan14-1500-ay
 
Lesson 301 26 nov13-1500-ay
Lesson 301 26 nov13-1500-ayLesson 301 26 nov13-1500-ay
Lesson 301 26 nov13-1500-ay
 
Lesson 302 05 jan14-1500-ay
Lesson 302 05 jan14-1500-ayLesson 302 05 jan14-1500-ay
Lesson 302 05 jan14-1500-ay
 
Lesson 207 19 oct13-1500-ay
Lesson 207 19 oct13-1500-ayLesson 207 19 oct13-1500-ay
Lesson 207 19 oct13-1500-ay
 
Lesson 206 11 oct13-1500-ay
Lesson 206 11 oct13-1500-ayLesson 206 11 oct13-1500-ay
Lesson 206 11 oct13-1500-ay
 
Lesson 205 07 oct13-1500-ay
Lesson 205 07 oct13-1500-ayLesson 205 07 oct13-1500-ay
Lesson 205 07 oct13-1500-ay
 
Lesson 204 03 oct13-1500-ay
Lesson 204 03 oct13-1500-ayLesson 204 03 oct13-1500-ay
Lesson 204 03 oct13-1500-ay
 
Lesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ayLesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ay
 
Lesson 202 02 oct13-1800-ay
Lesson 202 02 oct13-1800-ayLesson 202 02 oct13-1800-ay
Lesson 202 02 oct13-1800-ay
 
Lesson 108 23 aug13-1430-ay
Lesson 108 23 aug13-1430-ayLesson 108 23 aug13-1430-ay
Lesson 108 23 aug13-1430-ay
 
Lesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ayLesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ay
 

Kürzlich hochgeladen

QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesBernd Ruecker
 
Kuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialKuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialJoão Esperancinha
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Kaya Weers
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...Karmanjay Verma
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Nikki Chapple
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...amber724300
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Nikki Chapple
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
Dynamical Context introduction word sensibility orientation
Dynamical Context introduction word sensibility orientationDynamical Context introduction word sensibility orientation
Dynamical Context introduction word sensibility orientationBuild Intuit
 
Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!Memoori
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxAna-Maria Mihalceanu
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFMichael Gough
 
Deliver Latency Free Customer Experience
Deliver Latency Free Customer ExperienceDeliver Latency Free Customer Experience
Deliver Latency Free Customer ExperienceOpsTree solutions
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...itnewsafrica
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesManik S Magar
 

Kürzlich hochgeladen (20)

QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
 
Kuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialKuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorial
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App Framework
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
Dynamical Context introduction word sensibility orientation
Dynamical Context introduction word sensibility orientationDynamical Context introduction word sensibility orientation
Dynamical Context introduction word sensibility orientation
 
Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance Toolbox
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDF
 
Deliver Latency Free Customer Experience
Deliver Latency Free Customer ExperienceDeliver Latency Free Customer Experience
Deliver Latency Free Customer Experience
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
 

Lesson 106 23 aug13-1430-ay

  • 1. Unit 1: Web Fundamentals Lesson 6: Search Engine Optimization August 21, 2013
  • 2. Lesson 6: Search Engine Optimization 2 Introduction to HTML Learning to Use HTML HTML and Email History and Future of the Web HTML and Forms Search Engine Optimization Learning to Use CSS Introduction to CSS Reusing Code 3 Ways to Use CSS Separation of Concerns Launching Your Own Website Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 8 Lesson 7 Lesson 6 Lesson 5 Lesson 9 Lesson 10 Lesson 11 Lesson 12 Build understanding Develop skills
  • 3. Recap from last time (I) 3 • HTML is important not just for receiving information, but also for sending data to a server • Forms allow us to actively engage with the internet, both sending and receiving information as we browse websites Amazon server Amazon database
  • 4. Recap from last time (II) 4 • There are many different types of forms – these allow for many features such as account login and search bars • User information is stored in databases, which are similar to filing cabinets with a different file for each user Google search Gmail sign-in
  • 5. How to attract visitors to your website? 5 • We’ve already looked at how to view, interact with, and send data to websites • But if you’ve built a website of your own, how do you get people to actually visit your page? Not very effective…
  • 6. One of the best ways is to show up in search results 6 • Search engines such as Google and Yahoo want to show the most relevant websites to their users • If a user searches ‘lawn chairs’, they should expect to see results for: Companies selling patio furniture Pictures of lounge chairs But not a TSwift music video!
  • 7. Meta tags 7 • To help Google decide what a website is about, they look at meta tags, which are words that describe the content on your site • Meta tags can be used to tell what language a page is written in, who authored the page, or even the location of the business or site owner
  • 8. A few examples of meta tags 8 Type of meta tag Example Locations served by a business Type of content Keywords describing the page
  • 9. Where to find meta tags? (I) 9 1. Go to the Apple homepage at www.apple.com
  • 10. Where to find meta tags? (II) 10 2. Right click on an empty region (make sure your cursor looks like and not ). Click ‘View Page Source’ to view the HTML. Click here
  • 11. Where to find meta tags? (III) 11 3. Now you should be able to see the HTML of the page. The meta tags are located near the top of the page. Let’s take a closer look…
  • 12. Where to find meta tags? (IV) 12 4. You should see the meta tags underneath the <head> tag. <head> tag Meta tags
  • 13. Where to find meta tags? (V) 13 5. Without knowing too much about meta tags, we can already guess what some of these mean: A short description of Apple and the page are about The author of the page is “Apple Inc.”
  • 14. Which keyword meta tags should I use? (I) 14 What you should do What you should NOT do Use keywords that describe your website’s content Choose keywords that are specific to your page Consider what users will think to search when they want to find you
  • 15. Which keyword meta tags should I use? (II) 15 What you should do What you should NOT do Use keywords that describe your website’s content Choose keywords that are specific to your page Use keywords that are unrelated to your website Choose keywords that are too general or vague Consider what users will think to search when they want to find you Pick keywords just because they’re popular search terms We want to make sure the RIGHT users are able to find our website
  • 16. Exercise: brainstorming keyword meta tags (I) 16 • Suppose you are the owner of the website for Pixar Animation Studios. You need to brainstorm 5 keyword meta tags to use. What would they be? • Hint: think of words or phrases that describe your page’s content
  • 17. Exercise: brainstorming keyword meta tags (II) 17 • There are many great keywords you could have used. Below are just a few examples of good and bad keywords Good keywords Bad keywords Pixar Animation Toy Story Nemo Buzz Lightyear Brown Hat Andy Murray Tesco Microsoft Company name Name of Pixar film Names of Pixar characters Woody may be wearing a brown hat, but these words are not specific to Pixar These keywords aren’t relevant at all
  • 18. Search engine optimization (I) 18 • In the past, to get to the top of the search results, you just needed to choose the right keyword meta tags • Now search engines no longer look at meta tags to decide what order to display search results
  • 19. Search engine optimization (II) 19 • Search engines now use complicated algorithms to determine which websites are most important • Search engine optimization (SEO) is how website owners improve the rank of their page in search results One of these algorithms looks at links between pages to decide which pages are most important
  • 20. Meta tags are still important 20 • Even though meta tags no longer affect a page’s ranking, they are still very important! • Meta tags will appear in search results to describe your page to potential visitors • Good meta tags can help attract the right audience to your site! This is the meta description tag
  • 21. Summary (I) 21 • Meta tags describe the content on your website and can help you attract the right audience • Meta tags appear in the <head> section, usually near the top of the HTML code • Good meta tags are specific and accurately describe the content on your page
  • 22. Summary (II) 22 • Good search engine optimization (SEO) can help your site get more visitors • While search engines used to rely on meta tags, they now use complex algorithms to determine how to order search results One of these algorithms looks at links between pages to decide which pages are most important
  • 23. What to do on your own 1. Go to URL to complete the Codecademy course online 2. Do the practice set on the material learned 1. Take the follow-up quiz to test your understanding 23 Get ready to learn CSS!!