Want to make sure your site gets the visibility it deserves? In this article, we'll cover essential tools available in our native SEO toolkits—from fine-tuning meta information to advanced SEO settings and accessibility.
1. Meta Titles and Descriptions
Why it's important: The right meta titles and descriptions are crucial for search engine algorithms and users to understand what your page is about, influencing both your search ranking and click-through rates.
Page Title and Description
Step 1: Access Page Setting
In the Vev editor, click on the 'Settings' icon next to a page (usually represented by a cogwheel). Alternatively, you can access Page settings by unselect the canvas, or press "ESC".
Step 2: Update Meta Title
Find the 'Page title' field under the settings.
Enter a concise and descriptive title for your page, keeping it around 60 characters that are aligned with your SEO strategy.
Step 3: Update Meta Description
Find the 'Page Description' field in the same settings area.
Write a brief description of the page content, ideally between 120–158 characters.
2. Cover Photo for Social Sharing
Why it's important: Setting up a proper cover image ensures that your content looks good when shared across different social platforms.
Step 1: Access Page Settings
In the Vev editor, click on the 'Settings' icon next to a page (usually represented by a cogwheel). Alternatively, you can access Page settings by unselect the canvas, or press "ESC".
Step 2: Set Cover Photo
By default, Vev will pull through a preview of your project here, just like the project gallery. Here, you can set a specific cover image.
3. Text Hierarchy
Why it's important: Having a structured text hierarchy is important for the search engine algorithms to properly crawl your content. From an SEO perspective, it is generally recommended to have just one "H1" tag per page. This practice helps search engines understand the main topic of a page more clearly, potentially improving the page's search rankings.
When selecting a text box you can change the text tag from the top bar. The types you can choose range from:
Paragraph
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Quote
Bullet List
Numbered List
Table
4. Advanced SEO Settings (Pro & Org Plans)
Why It's Important: Advanced settings give you greater control over how search engines crawl and index your site, allowing for more tailored SEO strategies.
Robots.txt
The robots.txt file is located in the top-level directory of your domain and will be generated by Vev when you publish your project for the first time. By default, search engine indexing is enabled for all projects published to your hosting. However, you have the option to enable or disable search engine indexing for your projects. To learn more, read the article here.
Custom Robots.txt
For more control, you can create a custom robots.txt file to specify which pages search engines should crawl. Additionally, you can prevent search engines from crawling and indexing specific pages, folders, or your entire site. This is particularly useful for excluding pages like a 404 error page from search results. To learn more, read the article here.
Custom HTTP Headers
You can set custom headers for cache control, domain verification, network rules etc with HTTP Headers. Unless you are experienced with HTTP headers, we advise against using this feature. To learn more, read the article here.
5. Accessibility
Why It's Important: Prioritizing accessibility not only demonstrates ethical web practices but also positively impacts SEO. Search engines favor sites that are accessible to all users, including those with disabilities.
Color Contrast
Use tools like WebAIM Contrast Checker Tool to ensure adequate contrast between foreground and background colors for color accessibility.
Image Alt Text
Provide descriptive alt text for images, aiding screen readers and improving search engine context. Learn how to add alt text to your images.
Semantic HTML Structure
Ensuring a semantic HTML structure is all about using the HTML tags for their intended purpose. In Vev, this means that you should ensure that all your elements are using the HTML tags that define their content. Read more about how to use HTML tags in Vev.
ARIA and custom attributes
ARIA (Accessible Rich Internet Applications) attributes are a set of HTML attributes that can be used to add information to web content to make it more accessible to users with disabilities. ARIA attributes should only be used when there is no native HTML element that can describe the content or behavior of an element. Read more about how to add custom attributes.