Note that in many content management systems, this photo will be the “featured image”, but in the event that a social media platform accidentally scapes another photo from the page or, even worse, doesn’t display an image at all, you can quickly fix it with the “og:image” attribute.

The “og:image” attribute allows you to select an image you’d like to be displayed in your social media post.

Also like its counterpart, the “og:description” attribute allows you to describe the contents of your webpage and will be displayed underneath the title of your social media post.

If you don’t indicate an “og:title”, then it’ll probably use the information in the tag instead.

Similar to the tag, the “og:title” attribute is the title that the social media platform will display in your post.

Here are the Open Graph tags you’ll likely encounter: Unlike other HTML elements, like or, open graph meta tags are attributes attached to the tag. ( Note that this process uses different meta tags for Twitter cards. These are social meta tags that are recognized by the most popular social media platforms, including Facebook, LinkedIn, and Google Plus. Here’s what the final product looks like:Įver wondered how social media platforms are able to display a preview of your content when you include a link in a post? HTML involves using tags–which are the shortcodes you’ll type into a text-file–which your browser will read and present visually. HTML ( Hyper Text Markup Language) is a computer language used to create web pages and web apps.

Let’s get started! Basic HTML Every Marketer Should Know What is HTML?

To help you get started, this quick guide will give you a basic understanding of what HTML and CSS are, how they work, and the most common formatting functions. To be a viable digital marketer, you should be comfortable adding tracking to a website (better yet, figuring out what’s wrong with your analytics tracking), making design changes to landing pages, editing email designs, and making on-page SEO optimizations.Įssentially, knowing a little bit of code can save you a lot of time, effort, and money. Understanding the basics of HTML and CSS will equip you with the tools to understand how a website is created, how it works, and how to manipulate the code behind it.

This doesn’t mean you should go back to school to become a full-stack developer, but having a working knowledge of HTML and CSS does much more than add a few catchy buzzwords to your resume. Today, digital marketers are expected to be highly-creative, analytical and data-driven, and tech-savvy, but is learning HTML and CSS a must-have skill for digital marketers?

Rapid css development tools 2017