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:
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://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
- Promotion views and interactions
- Pre-purchase interactions
- Purchases, checkouts, and refunds
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
- Document doesn’t have a
- 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
- Make sure search engines understand your content
- Read and implement the applicable points of Miva’s Ultimate SEO Checklist