54
WordPress & SEO: A Technical talk Baltimore WordCamp / 10.18.14

WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

WordPress & SEO: A Technical talk Baltimore WordCamp / 10.18.14

Page 2: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Analytics

Junkie

Tracking stuff, using the data to make

decisions

SEO/UX

Nerd

Optimizing user & search engine

experience

WordPress

Developer

Building on top of an already awesome

platform

Team

Evangelist

Growing and having fun with our smart

team

Hi, I’m Arsham. Co-founder of WebMechanix, 100% nerd

@WebMechanix @Arshammm

#WCBalt

Page 3: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Cool, so what’s SEO?

Page 4: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Why show up organically?

http://moz.com/ugc/how-to-get-more-clicks-with-low-rankings

Page 5: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy
Page 6: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Let’s make it simple

Page 7: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Your mission… Make it (super) easy for users and search engines to access, understand, and digest your website (content).

Page 8: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

1

2

3

1 The internet aka “off-site”

2 Your website aka “on-site”

3 Your webpage aka “on-page”

Three layers of SEO

Page 9: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

pointblankseo.com/link-building-strategies Visit the site above and choose the options to fit your scenario. Start with low time to execution (1), high value impact (2), and low dependencies (3). Do many strategies at once. Win.

Off-site in 2 minutes

Page 10: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

On-page SEO

Page 11: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Start with keywords

http://adwords.google.com/keywordplanner

Page 12: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Keywords, not “blind blogging”

http://keywordtool.io/

Page 13: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Anatomy of a well optimized page

1

2 Title tag

Page URL

Meta desc tag 3

4 Page format: •  Headlines •  Paragraphs •  Lists

Page 14: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

WordPress plugins for SEO

Page 15: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Plugin: Custom Permalinks

https://wordpress.org/plugins/custom-permalinks/

SEO Weight = 10/10 UX weight = ?/10

This is the permanlink… aka “slug” aka “URL” aka “web address”

1 Page URL

Page 16: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

1 Page URL

Before:

After:

Notice how you can change the entire URL now.

Plugin: Custom Permalinks For nested pages

Page 17: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Setting: Permalinks

SEO Weight = 10/10 UX weight = ?/10 Cleanest, least amount

of waste, keyword closest to the root URL.

Publishers, close your eyes.

1 Page URL

Page 18: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Anatomy of a well optimized page

1

2 Title tag

Page URL

Meta desc tag 3

4 Page format: •  Headlines •  Paragraphs •  Lists

Page 19: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Plugin: WordPress SEO by Yoast Who saw that coming?

https://wordpress.org/plugins/wordpress-seo/

Page 20: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

On page SEO using Yoast SEO Plugin

SEO Weight = 10/10 UX weight = 9/10

SEO Weight = 7/10 UX weight = 8.5/10

2 Title tag

Meta desc tag 3

Page 21: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Meta description examples

Doesn’t answer your question.. Arsham get slap on wrist.

YES! Thank you LinkedIn! *High Five*

Page 22: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Anatomy of a well optimized page

1

Page format: •  Headlines •  Paragraphs •  Lists

2 Title tag

Page URL

Meta desc tag 3

4

Page 23: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Content that’s easy to digest

4 Page format

Break up your content with headings (great to SEO too)!

Use bulleted and numbered lists to display information.

Page 24: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Anatomy of a well optimized page (2) Other VERY important attributes

Internal linking Image alt tags

5

6

Internal linking

Image alt tags

Page 25: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Plugin: Yet Another Related Post Plugin

5 Internal linking

https://wordpress.org/plugins/yet-another-related-posts-plugin/

Page 26: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Plugin: Yet Another Related Post Plugin

5 Internal linking

Configurable with options, visit the settings page to adjust.

Ultimately it outputs this at the bottom of your post

Page 27: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Plugin: Add posts to pages

5 Internal linking

https://wordpress.org/plugins/add-posts-to-pages/

Page 28: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Plugin: Add posts to pages (shortcode)

5 Internal linking

In the post editor:

What it looks like on the page:

Page 29: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Anatomy of a well optimized page (2) Other VERY important attributes

Internal linking Image alt tags

5

6

Internal linking

Image alt tags

Page 30: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Use the “alternative text” to describe the image.

6 Image alt tags Using alternative tag on images No plugin needed, just discipline J

Page 31: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Anatomy of a well optimized page (2) Other VERY important attributes

Internal linking Image alt tags

5

6

Internal linking

Image alt tags

Page 32: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Plugin: Shareaholic (social sharing)

https://wordpress.org/plugins/shareaholic/

Page 33: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

On page SEO using Yoast SEO Plugin

On page SEO guideline… use this like you use the pointblankseo.com link building strategies.

Grain of salt.

Page 34: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

On-site SEO

Page 35: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

https://www.google.com/webmasters

1 Submit sitemap

•  Data highlighter #SemanticSearch •  HTML improvements #MadeEasy •  Content Keywords #Relevancy

Page 36: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Back to Yoast SEO

} Danger: Experts only.

General site settings, good for indexing what shows up in Google.

Social signals, very good for ranking.

Really good for indexing!

Danger: requires developer.

Tread cautiously.

Page 37: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Yoast SEO: Titles & Metas -> General

Page 38: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Yoast SEO: Titles & Metas -> Home

Probably the most important thing you can do for a new website.

Page 39: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Yoast SEO: Titles & Metas -> Post Types

If you check these boxes, Google will not index your site… and other bad

things will happen.

Page 40: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Yoast SEO: Titles & Metas -> Taxonomies

These pages aren’t unique content, so they likely won’t rank… save Google

the effort of indexing them by checking these boxes.

Unless you do something unique.

Page 41: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Yoast SEO: Titles & Metas -> Other

These pages aren’t unique content, so they likely won’t rank… save Google

the effort of indexing them by checking these boxes.

Unless you do something unique.

Page 42: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Yoast SEO: Social -> Facebook & Google

Associates your website with your Google+ page… guess who likes this?

Page 43: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Yoast SEO: Social -> Twitter card

Page 44: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Yoast SEO: XML Sitemaps

Sure, why not?

Sure, why not? #OneLessPlugin

Page 45: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

45

Impacts of faster sites/pages Faster websites lead to higher visiter engagement, retention, and conversion. All the things you want! Don’t you love it when a site loads quickly? Don’t you hate it when a site loads slowly or fails to load?!

Site speed optimization Because fast is (usually) better

Page load slowdown of one second could cost $1.6 billion in sales.

Slowing its search down by just 4/10’s of a second could lose 8 million searches per day.

http://www.fastcompany.com/1825005/how-one-second-could-cost-amazon-16-billion-sales

Page 46: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Plugin: WP Smush.it

https://wordpress.org/plugins/wp-smushit/ https://wordpress.org/plugins/ewww-image-optimizer/

Page 47: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Plugin: W3 Total Cache

https://wordpress.org/plugins/w3-total-cache/

Page 48: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

W3 Total Cache: General Settings

Makes it so WordPress doesn’t have to “build” the page every time someone visits. Think of it like a prefixe menu.

Combines JS & CSS files into one, reducing the number of “trips” your browser needs to make to the server. Less round trips, faster load!

BE CAREFUL: If you have a dynamic site (mobile, personalization, gated content, etc..) – Caching MAY NOT be a good idea.

Tells browser to save the static files. When user navigates or comes back, it loads from their computer. Deliver locally for speedy site.

Page 49: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

W3 Total Cache: CDN

BE CAREFUL: Only cache static files.

Page 50: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Google PageSpeed module

Super techies only J

https://developers.google.com/speed/pagespeed/module

Page 51: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Testing your website speed

http://tools.pingdom.com/ https://developers.google.com/speed/pagespeed/insights/

Page 52: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Don’t forget…

Page 53: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Your mission… Make it (super) easy for users and search engines to access, understand, and digest your website (content).

Page 54: WordPress & SEO: A Technical talk - WordCamp Central · 2014-11-13 · SEO/UX Nerd Optimizing user & search engine experience WordPress Developer ... • HTML improvements #MadeEasy

Thanks for listening!

@webmechanix @arshammm

#WCBalt

http://webmechanix.com

Questions?