Modern SEO & Digital Marketing

The implementation layer of SEO and ad platforms most frontend developers never touch — structured data, resource hints, sponsored-link attributes, GTM/Meta Pixel wiring, IndexNow. Not keyword strategy; the actual tags and scripts that ship.

0 of 14 lessons complete~169 min total

Start track

JSON-LD Structured DataA <script type="application/ld+json"> block is how a page tells search engines exactly what it contains, in a machine-readable vocabulary, without touching a single visible element. It's also the difference between a plain blue link and a rich result — when the schema is correct, and when it's still eligible at all.13 min
Meta Robots Directives Beyond noindexEvery developer knows noindex and nofollow. Almost none know that the robots meta tag has a second layer — max-snippet, max-image-preview, notranslate, data-nosnippet — that controls exactly how much of an indexed page a search engine is allowed to show, or that HTML isn't the only place these directives live.12 min
Canonical URLs and hreflang Targetingrel="canonical" tells search engines which URL is the real one when several serve near-identical content; rel="alternate" hreflang tells them which URL to show which language/region audience. They solve adjacent problems, and mixing up the rules between them is one of the most common ways international sites quietly lose search visibility.13 min
Open Graph and Social Card Meta Tagsog:title, og:image, twitter:card — these look like SEO tags and live right next to them in <head>, but they're consumed by a completely different audience: the link-unfurling bots that build a preview card when your URL gets pasted into Slack, iMessage, LinkedIn, or X, not by Google's ranking algorithm at all.12 min
Resource Hints and fetchpriority: Steering the Browser's Loading OrderThe browser's default loading order is a good guess, not a plan — resource hints and fetchpriority let you override that guess for the handful of requests that actually determine when the page feels loaded, and overusing them is a real, common way to make things slower.12 min
Native Lazy Loading, Responsive Images, and Image Sitemapsloading="lazy" and <picture> replaced a decade of IntersectionObserver libraries with two HTML attributes — but applying loading="lazy" to the wrong image is one of the most common real Core Web Vitals regressions, and image discovery for search is a separate mechanism entirely.12 min
rel="sponsored" and rel="ugc": Link Attributes Beyond nofollowGoogle's 2019 update split the single blunt rel="nofollow" into three specific signals — sponsored, ugc, and nofollow — and getting the wrong one on a paid or affiliate link isn't a style nitpick, it's the exact thing Google's link-spam policy names as a violation.12 min
Google Tag Manager vs. gtag.js: Two Ways to the Same dataLayerGTM and gtag.js look like competing products, but they're two different front doors onto the same underlying mechanism — the global dataLayer array — and picking between them is really a question of who needs to change tags after launch.12 min
Meta Pixel + Conversions API: Client-Side Tracking Stopped Being EnoughThe Meta Pixel alone used to be the whole implementation. After iOS App Tracking Transparency and browser tracking-prevention started blocking or dropping it, the server-side Conversions API became the required complement — and the two now have to be deliberately deduplicated so the same purchase isn't counted twice.13 min
UTM Parameters vs. Platform Click IDs: Two Different Tracking Systems on the Same URLutm_* parameters and identifiers like gclid or fbclid look like the same kind of URL junk, but they're built and consumed by completely different systems — one you hand-write for your own analytics, one the ad platform appends and reads back for its own attribution.11 min
Bing Webmaster Tools and the IndexNow ProtocolGoogle isn't the only search engine, and Bing/Yandex support a push-based indexing protocol Google still doesn't: IndexNow lets you notify search engines the instant a URL changes, instead of waiting for them to come crawl it.12 min
PWA Manifest and Meta Tags for InstallabilityA website becomes an installable, icon-on-the-home-screen app through a JSON manifest and a handful of head tags, not an app store submission — and an installed PWA is a real, free retention channel independent of app-store ad spend.11 min
AMP: What It Was, and What Actually Replaced ItAMP traded a restricted HTML/JS subset for a privileged spot in Google Search — that privilege is now almost entirely gone, and Core Web Vitals, applied to any page, is what actually earns the speed advantage AMP used to grant.12 min
Validating Structured Data: Rich Results Test and Search ConsoleWriting JSON-LD that parses is the easy part — the actual bar is 'is this page eligible for a rich result,' and the only reliable way to know is running it through Google's Rich Results Test and Search Console, not eyeballing the schema against docs.12 min