Vev Essentials is a collection of four powerful integrations that work together to optimize and customize your hosted web content. They include Vev Essentials, Meta Tags, Social Media Meta Tags, and Open Graph Meta Tags. These tools are designed to maximize your content's reach and improve the user experience across search engines and social media platforms.
All four of these integrations are installed by default when you create a new hosting instance.
Vev Essentials
Vev Essentials is the core component of Vev that provides the foundational structure for your web content. It automatically adds essential elements like titles, metadata, and scripts, which are required for a Vev page to load correctly and function seamlessly. This integration is installed by default whenever you create a new hosting instance.
Important: This integration has no specific settings. It is crucial not to modify or delete the Vev Essentials integration, as doing so can destabilize your published page and negatively impact its performance. Removing it will also delete essential tags, such as the <title>
tag, which is critical for search engine optimization (SEO).
Meta Tags
Meta tags are key HTML elements located within the <head>
section of a webpage. They provide search engines and other platforms with important information about your content. Meta tags describe various aspects of your page, such as the:
Character set
Page description
Keywords
Document author
Viewport settings
By using meta tags, you can help search engines understand your content, which is vital for improving your webpage's search engine optimization (SEO) and overall visibility.
Requirements
You can configure the following meta tags to enhance your site's discoverability:
Webpage author: This field allows you to specify the name of the individual or entity responsible for creating the webpage's content. It provides clear attribution for your work.
Add keywords for SEO: Use this field to input relevant keywords or phrases related to your webpage's content. These keywords assist search engines in indexing your page correctly and can improve your ranking in search results.
Description: This is a concise summary of your webpage's content. This description often appears in search engine results and can influence a user's decision to click on your link, so it should be both accurate and engaging.
You can also add custom meta tags by clicking the Add item + button. This feature allows you to dynamically generate meta tags with specific "name," "property," and "content" attributes, giving you more granular control over your page's metadata.
Open Graph Meta Tags
Open Graph meta tags are code snippets that control how your webpage's URLs appear when shared on social media platforms. By including this metadata, you can dictate the title, URL, image, description, and site name that are displayed, ensuring a consistent and professional appearance.
These tags are based on Meta's (Facebook's) Open Graph protocol and are widely used by other social media platforms, including LinkedIn and X. Any tag with the prefix og:
is an Open Graph tag.
Requirements
To ensure your web pages are transformed into rich, interactive objects on social media, you must include the following four mandatory properties:
Title (
og:title
): This is the title of your webpage that will be prominently displayed when shared. By default, Vev uses@vev.page.title
to automatically fetch your page's title.OG Type (
og:type
): This property categorizes your content, such asvideo.movie
orwebsite
. Depending on the type, additional properties may be required. The default value iswebsite
.URL (
og:url
): This is the canonical URL of your webpage, serving as its permanent identifier. Vev automatically uses@vev.url
to define your webpage's URL.Image (
og:image
): This is the URL of an image that effectively represents your webpage. It is crucial for visual engagement and is automatically fetched using@vev.page.cover
, which uses the image you have defined in your Project Settings.
In addition to these core settings, you can include the following optional parameters:
Description: A brief one-to-two-sentence summary of your website. This is automatically retrieved using
@vev.page.desc
from the description you provide in your Page Settings.Locale: Specifies the language and region for your tags using the
language_TERRITORY
format (e.g.,en_US
).Alternate Locales: An array of other available locales on your page, accommodating users from diverse linguistic backgrounds.
Site Name: The name of your larger website or brand. The default value,
@vev.project.title
, automatically fetches the name of your project.
Social Media Meta Tags
The Social Media Meta Tags integration allows you to define a featured image, title, description, and URL for optimal representation on social media platforms like Facebook and X. This gives you complete control over how your content appears when shared.
Requirements
Facebook Tags
Facebook App ID: Enter your Facebook App ID.
Facebook Admin IDs: (Optional) Add the ID of your Facebook administrator.
Facebook Channel (pages) IDs: (Optional) Include the ID of your Facebook Page to connect your content.
For more information on finding these IDs, please refer to the following resources:
X Card Tags
Twitter Card Type: Select a card type to determine how your content is presented. Options include
summary
,summary_large_image
,app
, andplayer
.Twitter site: Enter the username of your X page (e.g.,
@WhiteHouse
).Creator twitter username: Enter your personal or creator username on X (e.g.,
@realDonaldTrump
).