Skip to main content

Understanding Page Paths

Learn how to structure and input page paths in Vev.

Iselin Ekornes avatar
Written by Iselin Ekornes
Updated over a week ago

The page path is the part of a URL that follows your domain name (i.e., yourdomain.com/page-path-goes-here). It’s like a digital address that tells both users and search engines where a specific page is located within your website’s structure.

How to Use Page Paths

Think of structuring your page paths as creating a logical filing system for your project. The forward slash (/) acts as a folder separator, organizing your content into a clear, understandable hierarchy.

Step 1: Plan Your Site’s Hierarchy

Before you create any pages, map out your site’s structure. Imagine your website as a library: you’d have sections, shelves, and then individual books.

  • Main Categories: These are your top-level “folders” or topics.

    • Example: For a blog, this could be /blog/. For an e-commerce site, use /products/. For a service business, use /services/.

  • Subcategories: Break down your main categories into more specific topics.

    • Example: Under /products/, you might have /products/shoes/. Under /blog/, use /blog/seo-tips/.

  • Individual Pages: These are your specific content items, like an article, product page, or service description.

    • Example: Under /product/shoes/, an individual page would be /products/shoes/red-running-shoes/. For an article, use /blog/seo-tips/on-page-optimization/.

Step 2: Inputting Page Paths into Vev

Using the forward slash (/) is the key to creating a nested, file-like hierarchy in a Vev project. Each slash represents a new level or "folder" in your page structure.

  1. Create a new page or select an existing one from the Layers panel.

  2. Locate the Page Path field. You’ll be prompted to enter the path upon page creation, or you can edit it at any time in the Settings panel to the right.

  3. Input your desired path for the page you are on.

  4. See your project’s hierarchy automatically update. The slashes you add to the path will automatically nest your pages in the Layers panel, visually reflecting your site’s structure.

Best Practices for Page Paths

Follow these guidelines to ensure your URLs are clean, user-friendly, and SEO-friendly.

  • Use Hyphens to Separate Words

    • Good: yourdomain.com/red-running-shoes

    • Bad: yourdomain.com/red_running_shoes

  • Use All Lowercase

    • Good: yourdomain.com/about-us

    • Bad: yourdomain.com/About-Us

  • Keep It Short and Descriptive

    • Good: yourdomain.com/blog/seo-best-practices

    • Bad: yourdomain.com/blog/the-ultimate-guide-to-seo-best-practices-for-2025

  • Be Consistent with Trailing Slashes

    • Decide whether you will use a trailing slash at the end of your URLs (i.e., /blog/) and stick with your choice. URLs with and without a trailing slash can be treated as two separate pages by search engines.

  • Avoid Unnecessary Elements

    • Remove “stop words” like “a”, “the”, or “and”.

    • Avoid using dates, random numbers, or special characters.

    • Good: yourdomain.com/contact

    • Bad: yourdomain.com/contact-us-2025

Did this answer your question?