type |
content |
super-big-text |
**SEO & metadata**
|
|
content |
## Google is smart, but only so smart
- Google is smart about figuring out what content is good
- And good at determining relevance
*But with SEO we can give them a little help*
|
|
content |
## Things that matters
- Human-friendly text—with minimal, semantic code
- Clear information hierarchy
- First line of first paragraph
- Links to your site from reputable sources
- Clean, meaningful URLs & filenames
- Metadata: enhanced semantics, rich information
- Speed, security & responsiveness
|
|
content |
## Tags that matter
- `<title>`
- `<meta name="description">`
- `<h1>`, `<h2>`, `<h3>`, etc.
- First line of the first `<p>`
- `<a>`
- `<img alt="">`
- `<strong>`, `<em>`
|
|
type |
image |
notes |
image |
search-results.jpg |
Google uses information from your website in its search results listings in the following ways:
1. The `<title>` of your page is the big blue link
2. The `<meta>` `description` or text from the first `<p>` is the description under the link
3. The page URLs are used to highlight keywords
4. Google can pull out important pages and links from navigation or breadcrumbs
5. Extra info like ratings, votes, times comes from your metadata
|
|
type |
html |
code |
<!-- The `<title>` tag is extremely important -->
<!-- The title must be unique for every single page -->
<!-- Homepage title pattern -->
<title>Site/Company Name · Small keyword rich, catchy phrase · City, Country</title>
<!-- Inside page title pattern -->
<title>Page Title · Site/Company Name</title>
<!-- The `<meta>` `description` is sometimes used -->
<!-- Unique for every single page — max 150 characters -->
<meta name="description" content="A short sentence describing the purpose and content of this individual page.">
<!-- Don’t use `<meta>` `keywords` — it’s completely ignored by all search engines -->
|
|
content |
## Other files
- `sitemap.xml` — suggest what pages exist and their importance
- `robots.txt` — used to block search engines — should exist even if blocking nothing
- `humans.txt` — show who created the site, what tools where used, resources & references
|
|
|
|
|