What are the key elements an ecommerce product page should have?

Julian Byrne - Monday, December 21, 2020

Whatever components you place on a product detail page in your online store, you will wish them to form an engrossing, cohesive whole that helps inform your customers’ buying decisions.

Here, then, is a rundown of the elements you ought to include as standard on each of your ecommerce site’s pages that focus on a given product from the store’s inventory.

Photography

Naturally, when shopping online, customers can’t physically handle a product and turn it over like they would have the option of doing in a traditional brick-and-mortar store.

That’s why each of your product pages should include an array of photos – we would advise about six to eight – that capture the item from multiple different angles.

A price and call to action

The “call to action”, in this instance, would refer to that trusty “buy now” or “add to basket” button – which you would obviously wish to tempt the shopper to click.

As one major factor that could sway the buyer in that direction is the product’s price, you should display this prominently – possibly right near the call-to-action button.

A written description and specifications

Somebody somewhere might have coined the phrase “a picture is worth a thousand words”, but they certainly didn’t own an online store. Besides, you wouldn’t want as many as a thousand words in the textual description and specifications you include on a product page.

That’s because those descriptions should be punchy, specific and easy to understand. In other words, they should get straight to the point – although you should still be careful to include relevant keywords, which our SEO marketing experts can help you to research.

Reviews

Of course, you wouldn’t write these yourself but instead invite customers to do so. However, these reviews should still be given a special space on your product page, as they can constitute a form of “social proof” that backs up your own claims about the item.

Even if it’s a relatively new product that has attracted few reviews so far on your site, those reviews can play a big part in telling the product’s story.

Are you unsure about any aspect of optimising your e-tail store’s product pages to appeal more strongly to shoppers and search engine spiders alike? If so, don’t forget that the friendly and professional Piranha Designs team is always available for a chat when you get in touch with us in Gibraltar, London or Edinburgh.

3 ways to shorten image loading times on your site

Julian Byrne - Monday, July 08, 2019

The reasons to have images on your website at all should be more than obvious when you consider what your site would be like without them. In short, it would be a rather dull place that would be relatively ineffective at inspiring visitors or giving them an accurate impression of your products or services. But are you allowing a love of sophisticated imagery to impact on other aspects of the user experience – such as how long it takes your pages to load? 

Believe it or not, it’s more than possible to reduce how long it takes for your site to load images, without compromising its all-round visual appeal. Here are a few examples of what we mean. 

Don’t have quite so many images on your site

It may sound like an obvious tip, but did you know that according to a HTTP Archive report, the typical webpage in 2019 may request between 28 and 32 images when it loads? It’s well worth asking yourself, then, whether all of those images on a given webpage of yours are really necessary. 

When it comes to product category pages on ecommerce sites, for instance, the various images showing actual available products tend to be critical in terms of not only showing the viewer the products in question, but also educating them about these items’ benefits and inspiring them to buy. 

But are some of the images on such pages on your own site effectively just pictures of text, or decorative, or perhaps even stock images that don’t really communicate anything? 

Embrace the ‘lazy loading’ of images 

Traditionally, when a webpage loads, it requests every image listed in the page markup, including any images that may be initially off-screen and only become visible when the user scrolls down the page. 

This is where ‘lazy loading’ comes in useful, as it loads certain images only when they are strictly needed. Just imagine how much quicker a given page on your site could load, if it only initially requested those images that would immediately appear on the user’s screen. 

Various lazy-loading scripts are available to introduce this functionality to your site, or you could ask the Piranha Designs team to incorporate it when you turn to us for website design.

Compress your images

Such raster formats as JPG, PNG and GIF are widespread on the web, and may therefore be represented across many of the images on your own site’s pages. 

Sometimes, it’s possible to compress such images to ensure they load faster, while scarcely making any visible difference to their quality. It can be done through popular image-editing software, or automatically via such other solutions as content delivery networks, scripts or application programming interfaces. 

Images may be just one element of your brand’s online presence, but they can make a greater-than-initially-expected difference to your efforts to market your business and generate revenue on the web. For a more in-depth discussion of your firm’s web design needs in 2019, why not get in touch with the Piranha Designs team in Gibraltar, London or Edinburgh today? 


Recent Posts


Tags


Archive

Follow Us

We’d love to hear from you and answer any questions you may have.
Send us an email, stay in touch and follow us on facebook/twitter/linkedin.