Open Graph and Twitter Card Meta Tags
SEO Open Graph (Facebook) and Twitter Card Meta Tags
Open Graph and Twitter#
Open Graph (Facebook) and Twitter Card Meta tags
Open graph and Twitter Cards are automatically generated in Zesty.io. This document will explain how they load automatically and how you can override them.
All content items with a view and URL route in Zesty.io will have a title, description, and keywords associated with them. The tags produced in the header by these are:
These value will be used to auto fill in Open Graph and Twitter Cards tags.
Facebook Open Graph Tags
Facebook Open Graph Tags when an Image exists
Twitter Card Tags
Twitter Card Tags when an Image exists
[default_image:automated] is Derived
Zesty.io will look for the first created content field that has a reference name that includes the string
img. For example, a content field with the reference name
hero_image would be a candidate. When there are multiple references with
img in the name, Zesty.io will pick the first one created.
Images auto resize (cropped) to work with a 1200 pixel width and a 630 pixel height per Facebook's recommendation https://developers.facebook.com/docs/sharing/webmasters/images/.
How to Override Open Graph and Twitter Card Tags
You may override an Open Graph or Twitter Card meta tag on content models items by adding specific content fields to the model.
If you add a
content field to a
og_title, it will use that as the default for for the Open Graph meta title, and Twitter Card meta title. If a customer does not, it will default to the models
meta title, which exists for every
model with a view and route. If the customer wants a specific Twitter Card meta title, they can create a
content field named
tc_title on the
model. NOTE: this will only apply to Twitter card, and will not default to Open Graph. If only
tc_title exists, the Open Graph title will still default to the
The same applies for the Open Graph description and Twitter Card description, which can be overridden with
For Open Graph and Twitter Card images, it follows the same fallback logic and uses
tc_image as the custom name. For images, if there is not
tc_image tag, it will default to the first created content field with
img in its reference name.
Connect with Content Experts
Book a free 15-minute consultation with a content expert. Discuss your application, pain points and requirements. Understand how Zesty's lower total cost of ownership, features, functionality can elevate your business by creating extraordinary digital experiences.
G2 MOMENTUM LEADER