Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Meta Tags

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

<p>In this Hasty Treat, Wes and Scott talk about Meta Tags.</p> <h2 id="sponsor---sanity" class="code-line" data-line="9">Sponsor - Sanity</h2> <p class="code-line" data-line="11"><a title="http://Sanity.io" href="http://sanity.io/" data-href= "http://Sanity.io">Sanity.io</a> is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at <a title= "https://www.sanity.io/create" href="https://www.sanity.io/create" data-href="https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a title= "https://www.sanity.io/syntax" href="https://www.sanity.io/syntax" data-href="https://www.sanity.io/syntax">sanity.io/syntax</a>.</p> <h2 id="sponsor---sentry" class="code-line" data-line="13">Sponsor - Sentry</h2> <p class="code-line" data-line="15">If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting <a title="https://sentry.io" href= "https://sentry.io/" data-href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</p> <h2 id="show-notes" class="code-line" data-line="17">Show Notes</h2> <ul class="code-line" data-line="19"> <li class="code-line" data-line="19"><strong><a title="#t=00:25" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=00:25" data-href="#t=00:25">00:25</a></strong> Welcome</li> <li class="code-line" data-line="20"><a title= "https://syntax.fm/show/379/hasty-treat-the-weird-and-wonderful-less-than-link-greater-than-tag" href= "https://syntax.fm/show/379/hasty-treat-the-weird-and-wonderful-less-than-link-greater-than-tag" data-href= "https://syntax.fm/show/379/hasty-treat-the-weird-and-wonderful-less-than-link-greater-than-tag"> Syntax 379 - The Link Tag</a></li> <li class="code-line" data-line="21"><strong><a title="#t=01:24" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=01:24" data-href="#t=01:24">01:24</a></strong> Sponsor: Sanity</li> <li class="code-line" data-line="22"><strong><a title="#t=02:50" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=02:50" data-href="#t=02:50">02:50</a></strong> Sponsor: Sentry</li> <li class="code-line" data-line="23"><strong><a title="#t=04:28" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=04:28" data-href="#t=04:28">04:28</a></strong> What are Meta Tags?</li> <li class="code-line" data-line="24"><strong><a title="#t=05:01" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=05:01" data-href="#t=05:01">05:01</a></strong> What is charset?</li> <li class="code-line" data-line="25"><strong><a title="#t=07:41" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=07:41" data-href="#t=07:41">07:41</a></strong> The viewport tag</li> <li class="code-line" data-line="26"><a title= "https://www.tiktok.com/@thatsanicetouch" href= "https://www.tiktok.com/@thatsanicetouch" data-href= "https://www.tiktok.com/@thatsanicetouch">That’s a Nice Touch on TikTok</a></li> <li class="code-line" data-line="27"><strong><a title="#t=10:25" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=10:25" data-href="#t=10:25">10:25</a></strong> SEO and page data</li> <li class="code-line" data-line="28"><strong><a title="#t=12:03" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=12:03" data-href="#t=12:03">12:03</a></strong> Browser display tags</li> <li class="code-line" data-line="29"><strong><a title="#t=14:20" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=14:20" data-href="#t=14:20">14:20</a></strong> Dead tags</li> <li class="code-line" data-line="30"><strong><a title="#t=16:24" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=16:24" data-href="#t=16:24">16:24</a></strong> Robot tags</li> <li class="code-line" data-line="31"><strong><a title="#t=17:53" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=17:53" data-href="#t=17:53">17:53</a></strong> Adult ratings tag</li> <li class="code-line" data-line="32"><strong><a title="#t=18:18" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=18:18" data-href="#t=18:18">18:18</a></strong> Google site verification tags</li> <li class="code-line" data-line="33"><a title= "https://developers.google.com/search/docs/advanced/crawling/special-tags" href= "https://developers.google.com/search/docs/advanced/crawling/special-tags" data-href= "https://developers.google.com/search/docs/advanced/crawling/special-tags"> Google Verification tags</a></li> <li class="code-line" data-line="34"><strong><a title="#t=19:35" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=19:35" data-href="#t=19:35">19:35</a></strong> Open Graph social tags</li> <li class="code-line" data-line="35"><a title= "https://developers.facebook.com/tools/debug/" href= "https://developers.facebook.com/tools/debug/" data-href= "https://developers.facebook.com/tools/debug/">Facebook Meta tags</a></li> <li class="code-line" data-line="36"><a title="https://ogp.me" href="https://ogp.me/" data-href="https://ogp.me">Open Graph</a></li> <li class="code-line" data-line="37"><strong><a title="#t=22:54" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=22:54" data-href="#t=22:54">22:54</a></strong> Generator tag</li> <li class="code-line" data-line="38"><strong><a title="#t=25:54" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=25:54" data-href="#t=25:54">25:54</a></strong> http-equiv tag</li> <li class="code-line" data-line="39"><a title= "https://www.w3schools.com/tags/att_meta_http_equiv.asp" href= "https://www.w3schools.com/tags/att_meta_http_equiv.asp" data-href= "https://www.w3schools.com/tags/att_meta_http_equiv.asp">http equiv</a></li> <li class="code-line" data-line="40"><strong><a title="#t=27:20" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/411%20-%20Meta%20tags.md#t=27:20" data-href="#t=27:20">27:20</a></strong> Apple specific tags</li> <li class="code-line" data-line="41"><a title= "https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html" href= "https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html" data-href= "https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html"> Apple specific tags</a></li> </ul> <h2 id="tweet-us-your-tasty-treats" class="code-line" data-line= "43">Tweet us your tasty treats</h2> <ul class="code-line" data-line="45"> <li class="code-line" data-line="45"><a title= "https://www.instagram.com/stolinski/" href= "https://www.instagram.com/stolinski/" data-href= "https://www.instagram.com/stolinski/">Scott's Instagram</a></li> <li class="code-line" data-line="46"><a title= "https://www.instagram.com/LevelUpTutorials/" href= "https://www.instagram.com/LevelUpTutorials/" data-href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="code-line" data-line="47"><a title= "https://www.instagram.com/wesbos/" href= "https://www.instagram.com/wesbos/" data-href= "https://www.instagram.com/wesbos/">Wes' Instagram</a></li> <li class="code-line" data-line="48"><a title= "https://twitter.com/wesbos" href="https://twitter.com/wesbos" data-href="https://twitter.com/wesbos">Wes' Twitter</a></li> <li class="code-line" data-line="49"><a title= "https://www.facebook.com/wesbos.developer" href= "https://www.facebook.com/wesbos.developer" data-href= "https://www.facebook.com/wesbos.developer">Wes' Facebook</a></li> <li class="code-line" data-line="50"><a title= "https://twitter.com/stolinski" href= "https://twitter.com/stolinski" data-href= "https://twitter.com/stolinski">Scott's Twitter</a></li> <li class="code-line" data-line="51">Make sure to include <a title="https://twitter.com/SyntaxFM" href= "https://twitter.com/SyntaxFM" data-href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Wes and Scott talk about Meta Tags.
 Sponsor - Sanity Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
 Sponsor - Sentry If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
 Show Notes 
00:25 Welcome
 Syntax 379 - The Link Tag

01:24 Sponsor: Sanity

02:50 Sponsor: Sentry

04:28 What are Meta Tags?

05:01 What is charset?

07:41 The viewport tag
 That’s a Nice Touch on TikTok

10:25 SEO and page data

12:03 Browser display tags

14:20 Dead tags

16:24 Robot tags

17:53 Adult ratings tag

18:18 Google site verification tags
 Google Verification tags

19:35 Open Graph social tags
 Facebook Meta tags
 Open Graph

22:54 Generator tag

25:54 http-equiv tag
 http equiv

27:20 Apple specific tags
 Apple specific tags
 Tweet us your tasty treats Scott's Instagram
 LevelUpTutorials Instagram
 Wes' Instagram
 Wes' Twitter
 Wes' Facebook
 Scott's Twitter
 Make sure to include @SyntaxFM in your tweets

Aplikace Youradio Talk

Meta Tags

Poslechněte si podcast