Ecommerce

Develop with the following Ecommerce best-practices in mind.

Best Practices

Avoid Breaking Miva Features

In the process of creating custom features & meeting client requests you may be pushed to break default Miva functionality, but this should be avoided at all costs. Instead, create custom exceptions/actions where the customization can live in tandem with default Miva functionality.

Use schema.org's Structured Data

Implement schema.org's Structured Data specifications to mark-up relevant areas of the website. This includes:

• Organization
• WebSite
• SearchAction
• Product
• Offer
• LocalBusiness
• Review

We recommend JSON-LD as it can be managed isolated from the DOM and alternatively using microdata and HTML attributes can cause issues where updates to the UI, DOM, or content can break the schema you've defined with microdata.

Validate your Structured Data

Double-check that the published pages output valid structured data and open-graph data by using the following tools:

• https://developers.google.com/search/docs/advanced/structured-data
  • https://validator.schema.org/
  • https://search.google.com/test/rich-results
• https://developers.facebook.com/tools/debug/
• https://cards-dev.twitter.com/validator
• https://developers.pinterest.com/tools/url-debugger/

Track Ecommerce User Behavior

Use GA4's Ecommerce features to track essential ecommerce behavior. We recommend tracking all of the following items, but at least the items in bold*.

• Product views and interactions
  • view_item_list
  • view_item*
  • select_item
• Promotion views and interactions
  • view_promotion
  • select_promotion
• Pre-purchase interactions
  • add_to_wishlist
  • add_to_cart*
  • remove_from_cart
  • view_cart*
• Purchases, checkouts, and refunds
  • begin_checkout*
  • add_payment_info
  • add_shipping_info
  • purchase*

Use On-page SEO Best Practices

• Periodically check the page with Lighthouse's SEO audits. Here are common issues they point out:
  • Make sure search engines understand your content
    • Document doesn't have a <title> element
    • Document does not have a meta description
    • Links do not have descriptive text
    • Document doesn't have a valid hreflang
    • Document does not have a valid rel=canonical
  • Make sure search engines can crawl and index your page
    • Page has unsuccessful HTTP status code
    • robots.txt is not valid
    • Document uses plugins
  • Make your page mobile-friendly
    • Does not have a tag with width or initial-scale
    • Document doesn't use legible font sizes
    • Tap targets are not sized appropriately
• Read and implement the applicable points of Miva's Ultimate SEO Checklist