Stripe
Modern Search Engine Optimization (SEO)
4 hours, 4 minutes
CC
Course Description
Extend your application's reach with a thorough understanding of modern search engine optimization (SEO). Empower search engines to index and represent your content in the best way possible! Mike North gives you all the tips and techniques you need for your site to be easily found on Google, and teach you how to take advantage of advanced features on Facebook, and Twitter to boost user engagement.
This course and others like it are available as part of our Frontend Masters video subscription.
Preview
CloseCourse Details
Published: June 15, 2017
Learning Paths
Learn Straight from the Experts Who Shape the Modern Web
Your Path to Senior Developer and Beyond
- 200+ In-depth courses
- 18 Learning Paths
- Industry Leading Experts
- Live Interactive Workshops
Table of Contents
Modern SEO
Section Duration: 8 minutes
Mike North introduces his Search Engine Optimization (SEO) course reviewing the importance of following SEO and the course agenda.
Traditional SEO Strategies
Section Duration: 1 hour, 36 minutes
Reviewing traditional paths to SEO, Mike talks about building a site with unique and target content that is easy for web spiders to index.
Mike talks about tips and process for brick-and-mortar businesses.
Discussing the first algorithm used by Google for search results, Mike reviews Page Rank. PageRank works by counting the number and quality of links to a page to determine a rough estimate of how the importance of a site compared to other sites of a similar nature or content. Mike answers PageRank questions from students.
Mike reviews long tail keywords, which are three and four keyword phrases that are very specific to a site's content or business. Compared to the relatively fewer top keywords with higher demand, long tail keywords are more plentiful and therefore more cost effective to use.
Demonstrating two tools for finding potential keywords, Mike shows how to use Google's Keyword Planner and Google Trends.
To improve a site's SEO, Mike demonstrates how to build authority within an industry and research competitor's sites to help with link building strategy.
Mike talks about the desire for organic, sustainable growth with SEO tactics rather than trying to subvert search engine algorithms. Gains from these furtive tactics, known as Black Hat SEO, might result in short term gains but are quickly found out and penalized with poor search engine rankings.
If your site has bad links that have been indexed by Google, Mike reviews tools and tips to eliminate these links and inform Google that you disavow them. Mike takes questions from students.
Besides organic SEO, Mike introduces buying ads on search engines as a way to drive traffic.
In this challenge, students write metadata for an example site.
Mike reviews platforms that allow developers to provide a richer context for pages. Mike demonstrates how Facebook's Open Graph protocol enables developers to integrate their pages into a limited subsection social graph to give more information as to what content can be found at a URL.
Social Metadata
Section Duration: 1 hour, 4 minutes
Mike introduces the OpenGraph protocol, which can add Facebook and Twitter social media functionality to pages through the use of specific HTML5 metadata elements.
In this challenge, students add Open Graph data to pages on an example site.
Mike walks through the solution to Challenge 2.
To bring richer context of pages on Twitter, Mike shows how to build Twitter Cards.
In this challenge, students add Twitter metadata to pages for build Twitter Cards.
Mike walks through the solution to Challenge 3.
Called Rich Pins, Mike reviews the social metadata for the Pinterest social network including article and reviews pins.
Structured Data
Section Duration: 23 minutes
Mike shows how structured data for events, products, reviews, recipes, and more that placed in the HTML body element can be used by various services like Gmail and Google search results to provide a richer, interactive experience.
In this challenge, students add Open Graph data for course data and breadcrumbs.
Mike walks through the solution to Challenge 4.
Mobile Optimizations
Section Duration: 34 minutes
With Google's showing preference to sites built for mobile delivery, Mike reviews tips and techniques for responsive web design development including viewport media queries, meta tags, manifest JSON files, icons, and more.
In this challenge, students prepare a web site for mobile fitness.
Mike walks through the solution to Challenge 5.
Accelerated Mobile Pages (AMP) Project
Section Duration: 16 minutes
Mike introduces Accelerated Mobile Pages (AMP) Project which is a type of HTML design for fast mobile web browsing.
In this challenge, students create an application that delivers AMP for mobile devices.
Mike walks through the solution to Challenge 6.
Wrapping Up Modern SEO
Section Duration:
Mike wraps up the Modern SEO course.
Learn Straight from the Experts Who Shape the Modern Web
- In-depth Courses
- Industry Leading Experts
- Learning Paths
- Live Interactive Workshops