The HTML Elements in Vev’s Integrations allow you to extend your site’s functionality beyond what is available in the visual editor. By adding or modifying HTML elements, you can:
Improve SEO performance with canonical links and meta tags.
Control how your content is displayed on social media using Open Graph and Social Media meta tags.
Add custom tracking codes or third-party scripts for analytics, ads, or marketing tools.
Insert custom snippets of HTML to achieve advanced functionality that is not natively supported in Vev.
These tools are designed for users who need more granular control over how their site is rendered and indexed, ensuring that your project meets technical, marketing, and SEO requirements.
Canonical links
A canonical link tells search engines which URL should be treated as the original (authoritative) version of a webpage. This helps avoid duplicate content issues and consolidates ranking signals.
Requirements:
Enter your preferred canonical URL (e.g.,
https://www.example.com/page) into the provided field.
Custom HTML snippets
The Custom HTML Snippets integration is designed to give you flexibility and control over your site. It is most commonly used to meet specific user needs and connect Vev with third-party tools that are not available natively in the platform. Typical use cases include:
Adding tracking codes (e.g., Google Analytics, Hotjar, custom marketing platforms).
Embedding third-party widgets (e.g., chatbots, booking systems, social feeds).
Including custom styles or scripts not supported by default in Vev.
Injection Point Options:
Start of Head: Loads at the beginning of
<head>. Best for crucial scripts/styles that must load first.End of Head: Loads at the end of
<head>. Good for supplementary scripts that don’t need to load immediately.Start of Body: Loads at the beginning of
<body>. Useful for content that should render before the rest of the body.End of Body: Loads at the end of
<body>. Best for non-essential scripts (e.g., chat widgets, analytics) that should not block page load.
Recommendation:
Choose the injection point carefully based on how critical the script is to page performance.
Custom scripts
Custom scripts allow you to include external JavaScript files from a server or CDN.
Requirements:
Paste the full script URL into the field (e.g.,
https://cdn.example.com/custom-script.js).Double-check for typos in the URL.
Loading Options:
Async: Loads script asynchronously, allowing the page to load other resources simultaneously. Best for scripts that do not need access to the DOM.
Defer: Defers script execution until after the DOM is fully loaded. Best for scripts that require DOM access.
Meta tags
Meta tags live inside the <head> of your site and help search engines understand your content.
Common Meta Tag Options:
Author: Define who created the page.
Keywords: Add relevant keywords to improve SEO.
Description: Write a short, clear summary (shown in search results).
Adding Custom Meta Tags:
Use the “Add item +” button to insert custom tags with
name,property, andcontentattributes.
Open Graph Meta Tags
Open Graph tags control how your site appears when shared on social media (Facebook, LinkedIn, X).
Required Properties:
Title (
og:title): The page title. Default:@vev.page.title.Type (
og:type): The content type, e.g.,websiteorvideo.movie. Default:website.URL (
og:url): The canonical URL. Default:@vev.url.Image (
og:image): A share image. Default:@vev.page.cover.
Optional Enhancements:
Description (
og:description): One–two sentence summary. Default:@vev.page.desc.Locale (
og:locale): e.g.,en_US.Alternate Locales (
og:locale:alternate): Add other available languages.Site Name (
og:site_name): Project name. Default:@vev.project.title.
Open Graph: Article
For blog posts and articles, you can add Open Graph article tags:
article:published_time(datetime of publication)article:modified_time(last edit)article:expiration_time(when the content expires)article:author(profile array of authors)article:section(topic category, e.g., "Technology")article:tag(tags or keywords related to the article)
Social Media Meta Tags
To optimize sharing on Facebook and X (Twitter), configure additional tags.
Facebook Options:
Facebook App ID – Required for deeper integration.
Facebook Admin ID – Optional.
Facebook Page ID – Optional, helps connect your content to your brand page.
Each of these can be added in the Social Media Meta Tags settings.
Facebook-related tags:
To begin, enter your Facebook App ID. If you're unsure how to find it, check out this helpful blog post. Next, you have the option to add your Facebook Admin ID. This blog post will guide you through the process of finding it. Additionally, you can include your Facebook Page ID to connect your web content to your Facebook page. Learn more about this process here.