Standard Key Tags for SEO and Social Media in oneCORE

Author:

Focus -

16-08-2024

Certain tags play a crucial role in how a webpage is perceived by search engines and social media platforms. In this article, we’ll dive into some of the most important HTML tags, such as <title> and <canonical> to understand their functions, how they contribute to search engine optimization (SEO), and how they influence the way content is shared across social media channels. Moreover, we'll guide you through how these tags are seamlessly integrated into our system, and how you can easily set them up on oneCORE. All the tags we will discuss have been implemented as a standard feature for all our customers, ensuring that their websites are fully optimized and ready to perform at their best.

1. Title
The tag defines the title of the document. Here's how oneCORE integrates thetag across different page types:
-Page and Blog: oneCORE primarily uses the meta title field for the title tag. If a meta title is not provided, the system automatically defaults to page title. If neither a meta title nor a page title is available, the page name is used as the title.
-Category: oneCORE uses the category layout’s title field for the title tag. If this title is not provided, the system automatically defaults in the following order: each category’s meta title, category title, or category name.
-Product: oneCORE uses the product layout’s title field for the title tag. If a product layout title is not provided, the system automatically defaults in the following order: each product’s meta title, product title or product name.
-Wishlist, Shopping cart, Not found and Account: oneCORE uses page title for title tag.

2. description and og:description
The description and og:description tag provide a short description of the document. The og:description is specifically for social media sites e.g. Facebook, Twitter and LinkedIn. Here’s how the description and og:description are integrated across different page types:
- Page and Blog: oneCORE primarily uses the meta description field for the description and og:description. If a meta description is not provided, the system automatically defaults to each page description. If neither a meta description nor a page description is available, oneCORE will use the company description. Lastly, if a company description is not available, the tags will disappear.
- Category: oneCORE uses the category layout’s description for the description and og:description. If a category layout description is not provided, the system automatically defaults in the following order: each category meta description, category description or company description. Lastly, if a company description is not available, the tags will disappear.
- Product: description and og:description can display differently as explained below:
• oneCORE uses the product layout’s description for the description. If a product layout description is not provided, it automatically defaults in the following order: each product meta description, product description or company description. Lastly, if a company description is not available, the tags will disappear.
• oneCORE uses the social media line field of each product for og:description. If a social media line is not provided, it automatically defaults to description tag.
- Wishlist, Shopping cart and Not found: oneCORE uses page title for description tag. If the page description is not provided, the system automatically defaults to company description. Lastly, if a company description is not available, the tags will disappear. The og:description is not supported on these pages.

3. og:url
Og:url specifies the URL of your document, representing the current page URL that users are accessing, excluding any parameters. Technically, oneCORE utilizes the canonical URL in this tag. This property is implemented on pages, blogs, categories, and product pages only.

4. og:image strucutre
The og:image structure includes: og:image, og:image:secure_url, og:image:type, og:image:width and og:image:height. These tags are implemented only on page, blog, category and product. The explanation of each property is provided below:
- og:image specifies an image URL which should represent the shared page.
o Page, blog, category uses their page image, while product uses a product image.
- og:image:secure_url specifies an alternate URL to use if the webpage requires HTTPS.
o Page, blog, category uses their page image, while product uses a product image.
- og:image:type indicates a MIME type for this image.
- og:image:width indicates the pixel wide of image.
- og:image:height indicates the pixel high of image.

5. Canonical
The canonical tag specifies a main URL, guiding search engines to index the correct URL and avoid duplicate content issue. In oneCORE, the canonical tag reflects the current page URL that users are accessing, excluding any parameters. This property is implemented exclusively on pages, blogs, categories, and product pages.

6. Hreflang
The hreflang attribute specifies a webpage’s language. oneCORE will index all available languages of your shop when LanguageUrls feature on. This property is implemented only on pages, blogs, categories and products.