From the course: HTML: Metadata in the Head
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Checking your work for Facebook - HTML Tutorial
From the course: HTML: Metadata in the Head
Checking your work for Facebook
- [Instructor] Once you've created the Open Graph tags in the head of your document, you should put the page online somewhere where it can be reached by the Facebook Sharing Debugger. This means you could have added those Open Graph tags to the head of a WordPress site, the top of your JavaScript-based application or in the head of your Static HTML webpage, which is what I did here. That page needs to be on the internet, not solely on your local computer, so that the Debugger might index it. So go on ahead and use FTP or GitHub or whatever you want to use to get that page on some web hosting right now. And when you've done that, copy whatever your address happens to be to get to that webpage and then we're going to go ahead and paste that into the Facebook Sharing Debugger, which is at developers.facebook.com/tools/debug. Go on ahead and hit the debug button once you've pasted that URL in and it will tell you that this URL hasn't been shared on Facebook before. Shocking, you just put…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
How do meta tags work?3m 19s
-
(Locked)
Setting character sets3m 17s
-
(Locked)
Redirecting pages with meta refresh5m 20s
-
(Locked)
Identifying authors and conversations4m 3s
-
(Locked)
Setting the viewport9m 7s
-
(Locked)
Setting color themes3m 2s
-
(Locked)
Presenting your page to Facebook7m 1s
-
(Locked)
Checking your work for Facebook5m 24s
-
(Locked)
Challenge: Configuring meta information2m 9s
-
(Locked)
Solution: Configuring meta information3m 20s
-
-
-