The information contained in the META tags are added by search engines to their indexes, but are also used to display search results concerning your Progressive Web App (PWA)
GoodBarber offers you different options for filling in the 2 important tags: the Title tag and the Meta Description tag. 


1

Default Meta tag

1. Go to the left swipe menu Sales channels > PWA > SEO ::  General Parameters  tab
2. Fill in:
      - The Title tag : corresponding to the browser title
      - The Meta Description tag : corresponding to the Progressive Web App (PWA) description

This operation allows the title and Description tags to be filled in: 
      - for the home section of the PWA
      - by default on all other sections of the PWA, if no other configuration is applied

picture

2

Tags of your Sections / Collections / Blog sections

1. Go to the left swipe menu Content & Design > Content > Sections  
2. Click the 3 dots next to your section
3. Click "Settings"
4. Scroll down to the "Search Engine Optimization" bloc.
Fill in:
      - The Title Tag field allows you to add a specific tag for that specific section.
      - The Description field allows you to add a specific tag description for that specific section.
If you don't fill in these fields, the default Meta tags will be used instead. 

You can preview the search engine result in this panel.
5. Click "Save".

picture

3

Tags of the product pages

By default, for your product pages:
 - The Meta Title tag is filled in with the product title.
 - The Meta Description tag is filled in with the content in:

  • the Short description or if this field is empty or unavailable,
  • the first 200 characters of the first paragraph or if this field is empty,
  • the default description
1. Go to the menu  Products > All Products
2. Click the product concerned
3. Click the tab SEO on the right column of your back office
4. Customize your tags

picture

4

Tags of the blog pages

By default, for the Article -Blog sections:
 - The Title tag is filled in with the article title.
 - The Description tag is filled in with the content in:

  • the Summary or if this field is empty,
  • the first 200 characters of the first paragraph or if this field is empty,
  • the default description
1. Go to the menu Content & Design > Blog > Articles list
2. Click the article concerned
3. Click the tab SEO on the right column of your back office
4. Customize your tags


5

Head Tag

Go to the left swipe menu Settings > Other settings > Head Tags
You can manually add HTML code into the HEAD tag of your PWA.
This code will be displayed in the HEAD tag  of all the sections. 
Warning: don't use this tab to enter simple text, it will be displayed in your PWA and harm your SEO.

picture

More articles