Your E-commerce Product Detail Page Element Checklist
We recently helped an e-commerce site optimize their web presence. They were running on proprietary software so they had quite a backlog of development work to do to improve overall search ranking. However, even given those roadblocks, there were huge opportunities to increase conversion rates. We rebranded the company to modernize the look and feel, we established a voice that was authoritative and trustworthy, and we helped them reskin their web interface and email communications to be mobile responsive. The end result was conversion rates over 23% higher year over year with only those changes.
Companies sometimes get too caught up and overwhelmed with everything they should do instead of working on the hitlist of elements that they could be correcting. Every improvement adds up… and as you continue to enhance the user’s buying experience more and more, those numbers can get huge. For this client, those numbers can produce millions of dollars to the bottom line.
Above the Fold E-commerce Product Page Elements
While I love this infographic, they may have forgotten one of the most important elements of any e-commerce site in general… an internal search form! Many users will land on a product page from search, social, or advertisements but the product may not be exactly what they’re looking for. 30% of your ecommerce site’s visitors will use an internal search
- Phone Number
- Breadcrumbs
- Product Title
- Ratings and Reviews
- Ratings Schema Tags
- Additional Photos
- Product Video
- Discounts
- Pricing
- In Stock
- Free Shipping or Shipping Costs
- Product Options
- Pricing Schema Tag
- Add to Cart or Buy Button
- Features
- Add to Wish List
- Social Sharing Buttons
Below the Fold Product Page Elements
If you want to see a company that tests a ton and gets incredible results, check out Amazon product pages. I think companies are often shy about adding features and functionality to their product pages. The more information, the better. You shouldn’t make your visitors have to search far to find the information that they require to make a purchase decision.
- Product Details
- Product SKU/Code
- Clean and Easy to Read Fonts
- Product Dimensions
- Product Weight
- Product Origin
- Comparison Table
- Detailed Customer Reviews
- Review Form to Leave a Review
- Trust Badges
- Call to Action
- Frequently Asked Questions (FAQ)
- Question Form
- Related Products
- Return Policy
- Guarantees of Warranties
Footer Product Page Elements
We’d recommend an About Us link to bring people to a page that distinguishes your company from your competitors. Photos of your staff, your facility, and any type of philanthropy or passions you have should be there to personally engage them.
- Customer Service Options
- Links to Return Policy, Refund Policy, and Shipping Policy
- Links to Main Product Category Pages
- Links to Company Social Media Pages
- Newsletter Sign-up Form
SEO Elements for a Product Page
Search optimization requires both visible and meta elements to be properly constructed and utilized on your page. Even the use of subheadings, bold, and emphatic text can make a difference.
- Optimize Page Title
- Optimize Meta Description
- Name of the Product in H1 Tag
- Product Image Alt Tags
- Canonical Tags
- Google Analytics
- Google Search Console (Webmasters)
- Search Engine Friendly URL Structure
Ecommerce Product Page Technical Requirements
Schema tags were mentioned above, but Opengraph tags for social integration are also great to have so that you can specify the photo, title and description of the product when shared online.
- Mobile Responsive
- Loading Speed of the Page
- Cross-Browser Compatibility
Download the Ebook on Product Page Design
Here’s the full infographic from 99MediaLab, 49 Design Elements your Product Detail Page Must Have: