#160 Meta Tags. Open Graph, SEO, social sharing previews
Meta tags help to render your website nicely in the browser, in search engines, and in social media link previews.
Favicon, site name, page title, page description, and page image are the most impactful meta tags.
Learn to set meta tags without and with gem meta-tags
.
Learn to preview meta tags by specialised crawler tools.
Episode source code: https://github.com/corsego/160-meta-tags-og/commit/d29de3545657f0fcf5caefda8f705d8c616cb724
Based on this blogpost (it contains links to all the crawler tools): https://blog.corsego.com/meta-tags-without-a-gem
0:00 How do meta tags work
3:30 meta page title
5:09 meta favicon
9:14 meta description
7:10 meta tags abstraction
9:15 meta image
10:38 page-specific meta tags
12:28 install and use gem meta-tags
0
Featured in playlists
![#160 Meta Tags. Open Graph, SEO, social sharing previews](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjAzMywicHVyIjoiYmxvYl9pZCJ9fQ==--a75e679f17278e3867a3014fd11c1d6b28101605/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
![#162 Gem Ferrum - Generate PDF and PNG with Headless Chrome API. No Puppeteer, no NodeJS](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjAzNywicHVyIjoiYmxvYl9pZCJ9fQ==--925c37e549cb1e042defe2ed910ff28fa9e7b79f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
Automate your open-graph social images with screenshots!
Get better CTR to your link with engaging OG social images.
Build a micro SaaS like https://image.social/ or https://tinyzap.co/
Recommended based on what you are watching now
![#62 Live session: User Roles: Different approaches](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg0MiwicHVyIjoiYmxvYl9pZCJ9fQ==--dcb80c91761b20983f5d80f4c0135662ebe53cf0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
#62 Live session: User Roles: Different approaches
![#47 TIP: create a list of buttons to change status](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTgxMCwicHVyIjoiYmxvYl9pZCJ9fQ==--1578f47a9ca739a34e8283846795948c8901dc9a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
#47 TIP: create a list of buttons to change status
![Friendly S2E8 Radoslav Stankov does not need Hotwire](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjA1NSwicHVyIjoiYmxvYl9pZCJ9fQ==--eea7dc4b866af2d92b06c298a4e6c2fed44217a9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
Friendly S2E8 Radoslav Stankov does not need Hotwire
![#30 Social log in with Github (omniauth 2.0)](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg5NSwicHVyIjoiYmxvYl9pZCJ9fQ==--a2ebfee8d923c8e23321fc7af7d1abf5ae47fe5a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)