Skip to main content

Vev Essentials

The Vev Essentials are added to your site by default and let you set various metadata and tags for optimal SEO performance.

Jørgen Wigum Lurvik avatar
Written by Jørgen Wigum Lurvik
Updated this week

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 as video.movie or website. Depending on the type, additional properties may be required. The default value is website.

  • 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, and player.

  • 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).

Did this answer your question?