Open the page settings

Edit the page title

Edit the page description

Set the page status

Edit the page path

Set a cover photo

Previews

With the internet growing at breakneck speed every day, it's more important than ever to ensure that your content is optimized so that your website is easy to find against your competitors.

In this lesson, we will look at how you can update the metadata such as title and description for your Vev project.

Open the page settings

Located on the top left corner of the editor, click the cog editor of the desired page you would like to update the meta-information.

Edit the page title

Within the 'Page Title' field, you can update the meta title of your page. This is how your page title will pull through into search engines such as Google and Bing as well as how it will be displayed at the top of your web browser. Here it is important to think about usability as well as you are targeting the right keywords based on your SEO goals.

Tip: We recommend keeping your page title around the 60-character mark.

Edit the page description

Here you can give a brief description of your page. Once again this will pull through to search engines, however, please be aware that in some cases search engines may serve an excerpt from the page itself if it is relevant to the user's search. We recommend 120–158 characters, up to 920 pixels. Make sure to include keywords relevant to your SEO strategy.

Set the page status

Change the status of your page.

  • Ready means it will be published when the project as a whole is published. In addition to this, you have

Pages with these tags are visible to you and your team but won’t be published:

  • In progress

  • On hold

  • Needs review

Edit the page path

Sometimes referred to as 'URL slug', 'relative URL' or 'file name'. Whatever you like to call it, you can change the page path of your page here.

Set a cover photo

By default, Vev will pull through a preview of your project here, just like the project gallery. You can also upload your own image if you want a specific photo to display. To do this, click 'set photo' and upload your desired image.

Previews

Finally, once you've populated all of your fields with your meta information, you can see how it appears below. Here, you will get a preview of how it will look on Google and what it looks like if it is shared on a social media platform such as Facebook.

Your project will dynamically save any changes you make to your meta information. You can exit the page or click the back button to go back to the design editor.

Troubleshooting

Follow the steps below If your social preview image is blank on Facebook or Twitter.

Facebook

  • Navigate to this page.

  • Enter the URL of the page you want to test.

  • Review Facebook's debugging results.

  • Clear the cache by clicking the button ''Scrape Again''

Your cover image should be displayed correctly now.

Tip: If you need additional troubleshooting steps, please visit this page.

Twitter

  • Navigate to this page.

  • Enter the URL of the page you want to test.

  • Click ''Preview''

  • Review Twitter's debugging results.

  • Follow this guide to troubleshoot your card based on your debugging results.

Did this answer your question?