Edit TAGS

After clicking on an Item in the overview page, the TAGS can be edited either manually or also by automatic fetching of the data. The following screen is showed:

Top/down the following panels are visible:

Lock TAG / Get Tag Info

  • Locking the TAG for this Item so it can't be edited or overwritten can be set using the Lock Tag? switch. Don't forget to Save the item in the Top Left using the Save button.
  • Get the Title, Description and Image of the Item automatically using the green Get from Item button. After doing so two following popups are possible:
1:

2:

In case of number 1 everything went perfect! :-) For number 2 it seems that some information is missing from the Item. This can be a Title, Description or Image. Please check the corresponding Article, Product, etc of which you are creating a TAG or type a Title, Description / select an image manually (see instructions below).

(Facebook) Open Graph

As stated by its title the following panel is used to define the Open Graph, or og:, tags. You can either enter the information here manually or use the automatic fetching feature to populate it automatically. The following TAGS can be set:

  • Open Graph Title: the og:title tag
  • Open Graph Description: the og:description tag
  • Open Graph Image: og:image tag. After automatic fetching or manually selecting an image the following is visible in the Facebook Preview panel:

Just Save the Item, then the Preview Panel will show the updated Preview.
Please note that Facebook advises to use an image larger than 1200x630 pixels. If the selected image does not meet the minimal required width (600px) or height (315px) a warning will be displayed:

If you see this warning it is recommended to select another image that satiesfies the advised dimensions.

Twitter Card

The Twitter Card panel fields are used to populate the twitter:card tags. The following TAGS can be set:

  • Twitter Card Title: the twitter:title tag
  • Twitter Card Description: the twitter:description tag
  • Twitter Card Image: twitter:image tag. After automatic fetching or manually selecting an image the following is visible in the Twitter Preview panel, similar to the Open Graph one.

Just Save the Item, then the Preview Panel will show the updated Preview.
Please note that Twitter advises to use an image larger than 300x157 pixels. If the selected image does not meet this width (600px) or height (315px) a warning will be displayed.

If you see this warning it is recommended to select another image that satiesfies the advised dimensions.

All set?

All TAGS have been set for an Item now. Now what? Head over to the next page.