SEO Settings for pages vary slightly from the settings for regular pages. Learn about SEO for Wix pages . router here You can define the page title, description, and social network images for router pages just like you can for regular pages. The difference is that since router pages do not contain static data, their SEO information must be set dynamically, so they reflect the real content they will hold when they are viewed. There are two parts to setting up SEO on your router pages: Create meta tags for Google to learn about your pages. Create a sitemap for Google to use to find your pages. Meta Tags You set SEO meta tags for your router's pages when you . Within that function, you create a object and pass it to the page you route to using the function. create the router's router() function HeadOptions ok() For example, in the sample code that is provided when you add a router, the following code uses the data retrieved by the router to build a HeadOptions object and pass it to the page named . myRouter-page { seoData = { : data.title, : + data.title + , : , : { : data.title, : data.image
    }
  }; ok( , data, seoData); } export ( ) function myRouter_Router request // retrieve data for the page ... let title description "This is a description of " " page" noIndex false metaTags "og:title" "og:image" return "myRouter-page" //... The object contains several properties that you can set with relevant values using the data you retrieve in your function. The and properties contain the page's title and description that are used for SEO purposes. The object can also contain a flag that tells Google whether it should index your page. Additional meta tags can be added to the property. HeadOptions router() title description noIndex metaTags The object can also contain a keywords property, but Google ignores your site's keywords. HeadOptions Sitemap Your site's sitemap is what Google uses to find all your site's pages. Pages on your site that don't belong to a router are added to your site's sitemap for you. However, since you fully control what pages are available through your router, including all of their dynamically different versions, you need to create a sitemap that contains all possible URLs that are connected to your router's prefix so Google can find them. To add your router's pages to your site's sitemap, you for the router. Within that function, you create a object for each URL the router can possibly route to. Each includes information about a page, such as its URL, title, and name. You can also add additional information about each page, such as how often its content changes, when the last change was, and its relative priority within your site. Google uses the sitemap entries to discover all the pages in your site. create a sitemap() function WixRouterSitemapEntry WixRouterSitemapEntry For example, in the sample code that is provided when you add a router, the following code uses the data retrieved by the router to build a object and pass it to the page named . HeadOptions myRouter-page { siteMapEntries = .keys(peopleData).map( { data= peopleData[name]; entry = WixRouterSitemapEntry(name);
    entry.pageName = ;
    entry.url = + name ;
    entry.title = data.title; entry;
  } ); .resolve(siteMapEntries);
} export ( ) function myRouter_SiteMap sitemapRequest //Convert the data to site map entries let Object ( ) => name const let new "myRouter-page" "/myRouter/" return // Wrap in asynchronic Promise return Promise To ensure that your sitemap is working properly, you can get the sitemap from your published site. In a web browser, go to your published site's URL and append to it. /sitemap.xml For example, for premium sites, if your site's published URL is: https://mysite.com Go to: https://mysite.com/sitemap.xml For free sites, if your site's published URL is: https://username.wixsite.com/site-name Go to: https://username.wixsite.com/site-name/sitemap.xml Previously published at https://support.wix.com/en/article/velo-about-seo-and-routing

Google

How To Configure Routers For Your Website with wix-router

How To Use Velo API To Work with Forms

Develop Smarter, Deliver Faster

Read My Stories

Too Long; Didn't Read

Make resilience your competitive advantage

Velo How-To: On SEO For Router Pages

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

5 Hot Velo Practices to Test and Debug Your Website Code

10 Cool CI/CD Tools For Your Project

27 Stories To Learn About Ssl

20 Essential Backend Tools For Developers

3 Most Common Ways to Connect your Node and React Applications

5 Hot Velo Practices to Test and Debug Your Website Code

10 Cool CI/CD Tools For Your Project

27 Stories To Learn About Ssl

20 Essential Backend Tools For Developers

3 Most Common Ways to Connect your Node and React Applications

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps