43 min read
|
Updated: August 22, 2022

Why It’s Critical to Enhance Homepage SEO for Ecommerce

Your eCommerce site's homepage is critical for search engine optimization (SEO). It's the page most visitors link to from articles on other sites, and it best represents your company in SERPs (search engine results pages).

Optimizing your homepage (and website) not only brings increased traffic but also helps convert leads into customers. It's widely believed it takes users 0.05 seconds from the moment a visitor arrives at your homepage to form an opinion about your company.

Achieving the delicate balance between technical proficiency, so search engines can effectively crawl and index your website and making your homepage user-friendly, appealing, and exciting for potential customers is challenging.

After all, Google isn’t your ultimate customer, it’s merely a conduit to reach people who want your products and services. Therefore, your homepage is your best—and sometimes only—opportunity to make a good impression.

Read on to find out more about SEO for eCommerce websites and how to optimize your online store, so it’s user and SEO-friendly.

SEO vs. SEM Marketing: How to Use Both for Your Ecommerce Website

What is better SEO or SEM

eCommerce websites should accomplish two things. Firstly, they need to rank as high as possible in search engine results, so qualified traffic clicks on them, and secondly, they must be a conversion machine.

Both eCommerce SEO and SEM (search engine marketing) are two sides of the same coin used to help eCommerce sites rank on SERPs. The trick is knowing which serves your website goals better. SEO traffic is organic, whereas SEM traffic is paid.

SEM strategies, i.e., pay-per-click advertising yield instant results. However, you have to pay to outbid your competitors and appear at the top of a search engine results page. The moment you stop pumping money into PPC campaigns, your search rankings cease to exist.

Contrastingly, once SEO efforts take effect their results compound. Pages that reach the top spot often remain there for six months to one year and longer with minor tweaks. SEO works 24/7 and is a must for eCommerce. We always recommend that eCommerce businesses first implement SEO and then PPC.

It’s pointless investing in PPC if your eCommerce SEO strategy is not up to scratch. For instance, let’s assume your ads attract a substantial volume of traffic. Now, if those ads take visitors to your home page, but it’s poorly optimized then they’ll leave without achieving what you want them to.

So, you can see how if you’re spending valuable marketing dollars driving a specific niche of customers to your home page, its SEO should be consistent with the keywords you’re targeting.

Important Information to Have on Your Homepage

An eCommerce website must have four essential pieces of information on its homepage: a value proposition, differentiation, proof, and calls to action, which should be positioned “above the fold.” This is what you can see when you land on a homepage before having to scroll down.

A Compelling Value Proposition or Headline

A value proposition is a marketing statement that summarizes why a consumer should buy a product or service. It convinces customers your company’s offers add more value or solves a problem better than your competitors.

When crafting your value proposition be specific and avoid flowery and vague language that sounds like marketing “speak” and has no substance. Email marketing automation company Mailchimp has a persuasive value proposition. When potential customers arrive at its homepage, they know with Mailchimp will help them grow their audience and revenue.

Product or Service Differentiation

If your value proposition is what grabs your audience’s attention, then differentiation is what makes them stay. Differentiation is how you distinguish your products and services from your competition. It’s “the thing” that makes them stand out.

There are many ways, from a design perspective, to convey differentiation. Keep in mind that differentiation may also relate to customer service and other areas of your value chain. For example, cosmetics company Lush differentiates its products by emphasizing its commitment to ethical buying and the purity of handmade products.

Social Proof Elements

Telling internet users your product or service is great isn’t convincing enough, you have to prove it by showing others agree. This is called social proof. Studies show over 90% of consumers use social proof when deciding to purchase something.

If you’re browsing a homepage and see a testimonial from a respected industry expert, you’ll take the brand more seriously. Social proof tips visitors over the line and helps justify their purchases.

It is most widely demonstrated with reviews, client logos, testimonials, or case studies. Open online course provider Udemy uses social proof in the form of review stars. Visitors can see how others rated courses before they sign up and enroll.

Direct Calls to Action

Euromaids CTA

In the early stages of the web, websites functioned as brochures. They were designed to look and feel like a printed leaflet advertising a company’s products and services. Nowadays, eCommerce sites are used to convert visitors into leads, and it’s considered poor practice if they don’t.

An eCommerce website is a conversion tool, and its homepage is one step of this journey, so it should display clear calls to action relevant to a visitor’s stage in their decision-making process. File hosting service Dropbox has crafted excellent calls to action for their individual and corporate clients.

When it comes to eCommerce SEO, there are other design and informational aspects to consider like:

Straightforward Contact Information

Make it easy for customers to get hold of you. It would be a waste to lose leads over hidden contact details just because visitors don’t have the patience to click through every page. The best place for contact information is the top left or right corner of the page. It’s also good practice to include contact information on every page of your eCommerce website, i.e., in the footer.

If you really want to level up customer service, you might include a LiveChat bot available 24/7 to assist customers. Chatbots make the buyer’s journey smoother and reduce customer service costs. It doesn’t take much to lose prospects halfway through a marketing funnel, however, this AI software can assist customers at any time of the day with its prompt responses.

Eye-Catching Social Media Icons

It’s standard for eCommerce websites to have links to their social media profiles, and useful too. The old marketing Rule of 7 states prospects need to “hear” an advertiser’s message at least seven times before they’ll buy a product or service.

Therefore, social media is an excellent channel to stay connected with new leads and current customers. You can use it to showcase your brand’s personality, products, and services and entice followers down the sales funnel.

In our culture where online social influence reigns supreme, websites have become part of a connected hub of brand touchpoints across digital spaces. By adding social media icons, you provide customers with a path to those touchpoints and increase potential organic traffic and sales.

Easy Navigation

Top navigation

Once visitors arrive at your homepage, they require some type of navigation to move around the rest of your website. Ideally, your navigation should be at the top of your homepage and include main web pages—i.e., product category pages, services, about us, blog, and contact us pages.

Some eCommerce websites include their logo, contact details, checkout carts, and search boxes in their navigation bars as well. Regardless of the design you pick, we’d advise your site has a sticky menu. This type of “floating” menu stays at the top of the page even as visitors scroll down.

Among Google’s ranking factors for websites are user experience, engagement, and time spent on site. Sticky menus encourage users to scroll through your entire home page without fear of getting lost. Thus, they generate more long-term value due to increased visitor engagement.

Looking to scale or increase your revenue? SEO is proven to grow your business
Looking to scale or increase your revenue? SEO is proven to grow your business

Book a Free Consultation

icon1
icon2
icon3

Technical Ecommerce SEO Optimizations for Your Homepage

The goal of a homepage’s design is to compel visitors to act and explore other areas of your eCommerce site. Yet, many websites do not focus on user experience, and 77% of agencies believe inadequate design and poor eCommerce site architecture are widespread problems among clients.

Therefore, In addition to making sure you’ve made your homepage easy for your users to navigate, there are technical elements you need to maximize your SEO.

Optimize Site Speed

Page speed is the amount of time it takes your web pages to load, which Google and other search engines determine by several factors, including your site’s server, image compression, and page file size.

How fast or slow your entire site loads is important for numerous reasons. Firstly, visitors don’t have the patience to wait for a slow page to load (ideally, no longer than two seconds).

Bounce rate—the percentage of visitors who enter a site and then leave—increases by 32% when a page load time goes from one to three seconds, and by 90% when it goes from one to five seconds.

Secondly, when it comes to eCommerce SEO, Google has stipulated site speed is a heavy consideration for search rankings. Search engines assign crawl budgets to websites, i.e., the number of pages they’re willing to crawl on your eCommerce site on any given day.

Slow speed results in fewer pages being crawled, indexed, and ranked, meaning if your homepage is slow it may prevent other important product and category pages from appearing in search results.

You can use Google’s Page Speed Insights (PSI) to assess page performance on mobile and desktop devices. It scores web pages out of 100 and offers suggestions on how to improve them.

Ensure Mobile-Friendliness and Site Responsiveness

Statistic data of mobile devices traffic

Almost 60% of global web traffic comes from mobile devices. Thus, making responsive web design a priority for eCommerce sites. This approach allows websites and pages to render on all devices and screen sizes by automatically adapting to the screen, whether it’s a desktop, laptop, tablet, or smartphone.

Mobile-friendliness is also a Google ranking symbol, meaning responsive websites appear higher in search results. Responsive design opens up new possibilities. Think about how people use smartphones and tablets—they pinch to zoom and use their thumbs to click on links.

Keep this in mind when designing for different devices. Your eCommerce site design should be flexible and create a great experience across devices. Working closely with a developer to understand what’s possible can enhance how your online store looks and ensures it’s optimized for eCommerce SEO.

If you’re looking for valuable tips on how to design your mobile site, Google’s Principle of Mobile Site Design resource has excellent advice.

Protect Customer Data

HTTPS protects customer's data

HTTPS (Hypertext Transfer Protocol Secure) is an internet communication protocol that protects the integrity and confidentiality of data between a user’s device and your eCommerce site.

An HTTPS-secure site ensures all information such as usernames, credit card numbers, order information, and addresses are encrypted by a secure socket layer (SSL) that prevents hackers from accessing confidential data.

Having an HTTPS eCommerce site entails getting an SSL certificate which creates a safe user experience for your customers without disturbing their browsing experience. There are three recognized SSL certificate authentication types: Extended Validation (EV), Organization Validation (OV) and Domain Validation (DV).

All three options provide the same level of encryption. The most suitable one for your eCommerce site essentially comes down to how many subdomains it has.

Implement Structured Data

Structure data implementation

According to the Digital Marketing Institute, Google handles 3.8 million searches a minute. Assuming the majority of websites have decent SEO (they likely don’t, but for this thought experiment we’ll pretend they have), how do you get yours to rank above the rest?

One of the increasingly important SEO tools at your disposal is structured data. For Google, structured data provides explicit clues about the content of your homepage or any other of your web pages.

It’s one of the best eCommerce SEO tools that help search engine crawlers understand the context of your eCommerce site, beyond its content. In other words, it communicates specific information about a web page for it to become eligible to be displayed as a rich snippet in search results.

Google realized it needed to provide improved context to SERPs and started to organize ranked websites in a more accessible, intuitive, and objective way. This led to the development of rich snippets: results displayed in the top ranking position providing information like direct answers, definitions, images, reviews, and so on.

Rich snippets offer homepages more visibility, higher click-through rates, organic traffic, and even better rankings in the long run. While there is no guarantee Google will serve up rich results from your homepage, adding structured data in the right places boosts your chances.

Below are practical resources to help with structured data implementation:

  1. Schema.org – the official page to find all the information on available schemas (codes to create structured data).
  2. Schema Markup Generator – A great tool to create HTML structured data, even if you have no coding experience.
  3. Google Structured Data Resources – Google’s official resource for utilizing structured data.

Remember, Links, Links, Links!

Why it is important to remember of links

Links are the primary method through which we navigate the web. Both internal and external links are important because they help users navigate your website (internal links) and signal to Google your website is relevant and credible (external or backlinks).

Because we’re specifically discussing homepages, we’ll focus on the significance of internal links. From an SEO perspective, internal links accomplish three things:

  1. They help your web pages get discovered by search engines. When you internally link one of your website pages to your homepage, you provide a crawl path to pages.
  2. They pass link authority between pages, which can boost the ranks of other pages you own.
  3. You help search engines understand what your page is about, especially when an anchor link is a target keyword.

Therefore, you should seek opportunities to link your most important content to your homepage. More than 80% of internal link opportunities are missed! Even though implementing a sound URL structure to your website feels like it should come naturally, it is a technical process that may require professional help.

Adding links to an eCommerce store’s footer is one such opportunity frequently neglected, when in fact, it’s an ideal place to include as many internal links as reasonably possible like:

  • Links to the main sections of your website.
  • Any trust logos you may have – this includes BBB, PayPal, or any brand that you’re an official representative of.
  • Contact info – Make sure you include your phone number, address, and any links to your contact us page are clearly displayed.
  • Your logo.
  • Policy links – include links to your shipping policy, privacy policy, warranties, and user sitemap.
  • Social media profile links.
  • An easy way for visitors to register for your newsletter.

On-Page SEO for Your Homepage

While technical SEO has to do with optimizing the back-end of your website (what you don’t see), on-page SEO for eCommerce websites optimizes web page content. Common practices include optimizing content, title tags, and URLs, which all start with keyword research.

Conduct Keyword Research

How to conduct keyword research

Keyword research refers to the process of finding which keywords, i.e., search terms, your customers use when looking for something relevant to your eCommerce store on the internet. These are the words and phrases someone would type into the text box on Google, Bing, Yahoo, or any other search engine.

Conducting keyword research for your industry and target market is crucial to search engine rankings. You need to know what types of phrases your ideal customers are entering into search engines and what their keyword difficulty is, so you can cater your homepage content to rank higher in Google searches.

However, eCommerce keyword research is slightly different from normal websites since the goal is conversion and purchases, not just organic traffic. It’s usually better to target a specific “long-tail” keyword that indicates an intent to purchase over a short primary keyword.

For example, if you sell running shoes for marathoners, simply targeting the primary keyword “shoes” or even “running shoes” may be good for traffic, but might not get you the targeted audience you’re looking for.

Instead, keywords such as “marathon racing shoes men” or “best shoes for marathon races” (and other variations and keyword suggestions based on your research) would be better to target because they are more likely to indicate the intent to purchase.

One of the best places to find long-tail keywords for commercial intent is actually Amazon, of all places. Simply visit Amazon and begin to type in a search term that describes your products.

Amazon will immediately create a series of keyword ideas or suggestions based on what other people are searching for related to your keyword. You can also browse through the list of the best-selling products in your category to get ideas from the titles and descriptions of the products listed.

In addition, you can do the same thing in Google search. Simply type in your desired keywords and see what other suggestions Google shows you under the search bar. There are some other great keyword tools out there that you can use, such as Google Keyword Planner, SEMRush, and Moz, to come up with some highly targeted and valuable keywords.

Keyword research reveals your customers’ intentions behind their searches. There are four main categories of intent and corresponding keyword types: navigational, transactional, informational, and commercial.

(Yes, it’s better to target long-tail keywords for eCommerce; however, you should still use a combination of both high and lower-volume keywords throughout your website.)

When it comes to your homepage, target one primary keyword and use a maximum of 4 keywords. You can technically use 100 keywords throughout your website, but Google’s algorithm won’t be able to make the connection between each one of those keywords and your website because you’d be spreading your keywords too thin.

By focussing on fewer keywords, Google’s synapses will make the connection between those keywords and your website and start to rank your eCommerce store in Google search results.

Your homepage’s primary keyword should clearly “tell” Google and your readers what your product or service is about. Both parties need to understand the context. In eCommerce SEO, this is done mainly by distilling the content of a page into a target keyword.

Optimize Meta Tags

Title in meta tags

In the context of eCommerce SEO, when we refer to titles and headlines, we’re not referencing the title or headline of your actual homepage, but rather the HTML tag in the <head> of your page.</p> <p>It’s not particularly visible to website visitors (it’s displayed on the top “tab” of your web browser). Yet, even though your customers likely won’t notice it, it’s absolutely crucial for SEO rankings.</p> <p>You should incorporate the best keywords you’ve identified from your keyword research in your store’s titles, meta tags, and descriptions. In case you’re wondering, a meta description is a paragraph that shows up after the title on your page’s search results.</p> <p>Meta descriptions are most effective when they’re compelling and include long-tail keywords. After all, you want potential clients looking to buy to really want to click on your link if they come across your store. This is your “elevator pitch” to users.</p> <p>To learn more about optimizing your online store’s title and meta description, read our on-page SEO guide.</p> <h3><span id="Homepage_Web_Copy">Homepage Web Copy</span></h3> <p>eCommerce stores often don’t have substantial copy on their homepages. Earlier we spoke about the need to include essential elements “above the fold,” however, that doesn’t mean you can’t create compelling sections below that.</p> <p>Companies will often include text below the fold that highlights their differentiation. Once you’ve grabbed your audience’s attention, they’ll likely scroll down, which provides the perfect opportunity to describe your services or products utilizing target keywords.</p> <blockquote><p>Just make sure your keywords are unique and not borrowed from anywhere else on the web, and avoid keyword stuffing. (Inserting too many keywords to manipulate search engine rankings.)</p></blockquote> <p>Keywords aside, the structure of your homepage’s text is also important for eCommerce SEO. It will have headers, categorized by numbers, from H1 to H6. H1 tags summarize what the page is about and should contain your primary keyword. We usually reserve one H1 tag per homepage, which is for the main headline at the top.</p> <p>The best length for homepage content is between 400 and 600 words but can be as high as 1000 depending on your industry, although short and concise is better. Most companies will include a “read more” button to prevent their homepage from becoming text-heavy while still accommodating customers seeking in-depth information.</p> <p>Consider writing a full outline of your content before fleshing out detailed paragraphs, along with developing a sitemap. These organized lists or flowcharts show connections between web pages and content and will help you decide if content needs to go on a homepage or a category page.</p> <h2><span id="Design_Best_Practices_for_Ecommerce_Sites">Design Best Practices for Ecommerce Sites</span></h2> <p>Your eCommerce SEO can be on point, but if your homepage lacks visual appeal, it won’t convert users. This is where user interface design (UI)—the look, feel, and interactivity—of your homepage can improve bounce rates and keep visitors on your eCommerce website for longer.</p> <h3><span id="Follow_Visual_Hierarchy">Follow Visual Hierarchy</span></h3> <p><img loading="lazy" width="1024" height="587" src="https://comradeweb.com/wp-content/uploads/2021/05/webpage-1920-1024x587.png" alt="Matrix website" class="aligncenter size-large wp-image-138519" srcset="https://comradeweb.com/wp-content/uploads/2021/05/webpage-1920-1024x587.png 1024w, https://comradeweb.com/wp-content/uploads/2021/05/webpage-1920-300x172.png 300w, https://comradeweb.com/wp-content/uploads/2021/05/webpage-1920-768x440.png 768w, https://comradeweb.com/wp-content/uploads/2021/05/webpage-1920-1536x880.png 1536w, https://comradeweb.com/wp-content/uploads/2021/05/webpage-1920-400x229.png 400w, https://comradeweb.com/wp-content/uploads/2021/05/webpage-1920.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px"></p> <p>Visual hierarchy is the arrangement of graphic elements in a homepage design in order of importance of each element. Adopting this principle ensures you display homepage content in a clear and effective manner, leading site visitors’ attention to certain page elements in order of priority.</p> <p>In a web design context, the main elements of visual hierarchy are:</p> <ul> <li>Element placement: A strategic layout steers your visitor’s eyes in the right direction. For example, many eCommerce sites display call-to-action buttons at the center of the hero banner to encourage visitors to act.</li> <li>Size and weight: Important design assets like logos and your business name should be visually prominent. Readers will always gravitate to large buttons and bold text before reading smaller paragraphs.</li> </ul> <p>A user’s attention span is about eight seconds long, and the internet is increasingly saturated, so you have to pull out all stops when considering site architecture and graphic design. Additionally, color, contrast, and spacing can be used to further accentuate website elements.</p> <div class="blog-cta blog-cta--shadow blog-cta--type-14-ant"><picture class="blog-cta__background"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" cwa-lazy="pending" loading="lazy" data-src="/wp-content/uploads/2021/11/b14-bg.svg" alt="Optimize your website, boost your business. Simple as that"></picture> <div class="blog-cta__content"> <div class="blog-cta__heading blog-cta__heading--bold">Optimize your website, boost your business. Simple as that</div> <p><a class="blog-cta__link" href="/contact-us/" data-wpel-link="internal"> <span>Let us show you how</span><span class="icon-002-arrow"></span></a></p></div> <div class="blog-cta--blob-img"><svg viewbox="0 0 482 276" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M40.8782 416.335C-89.1997 333.938 126.789 214.147 227.769 72.762C282.795 -4.28134 295.996 -70.2794 360.361 -93.6652C491.946 -141.474 593.136 102.852 582.655 157.892C543.134 365.431 94.7182 450.44 40.8782 416.335Z" fill="#1C78DF"></path></svg></div> <div class="blog-cta__icons--br-14"> <div class="blog-cta-icon--br-14"><img src="/wp-content/uploads/2021/11/optimization-Traced.svg" loading="lazy" alt="icon1"></div> <div class="blog-cta-icon--br-14"><img src="/wp-content/uploads/2021/11/web-site.svg" loading="lazy" alt="icon2"></div> <div class="blog-cta-icon--br-14"><img src="/wp-content/uploads/2021/11/customer-service-1.svg" loading="lazy" alt="icon3"></div> </div> </div> <h3><span id="Limit_the_Color_Palette">Limit the Color Palette</span></h3> <p>The most successful brands have a limited color palette and so do their websites. This makes them easily recognizable and distinguishes them from competitors. Understanding color psychology and how different color affects emotions is the first step.</p> <p>There is something primal about color, which is why financial institutions tend to favor calm blues and greens because they embody trust and serenity, for example. You’ll need to do your research to determine which color palette works best for your brand.</p> <p>We recommend following the 60%-30%-10% rule when optimizing your brand colors. To create harmony, 60% of your homepage should be the dominant color, 30% a secondary color, and 10% an accent color.</p> <p>You don’t have to use three colors, although it is a safe and balanced option. It’s pleasant to the eye and allows visual elements to emerge gradually.</p> <h3><span id="Utilize_White_Space">Utilize White Space</span></h3> <p>Although it’s also called “negative space,” having white space is actually a good thing. It’s an essential design element that breaks up the space on your homepage and improves readability by as much as 20%.</p> <p>Large gaps of white space dictate sections are separate, whereas less whitespace implies elements are related to one another due to their proximity. Effective use of white space can:</p> <ul> <li>Emphasize elements</li> <li>Divide elements without the need for clunky visible dividers</li> <li>Create a feeling of elegance</li> <li>Clarify relationships between design elements</li> </ul> <p>Adherence to visual hierarchy will highlight specific homepage elements or content and draw a visitor’s eye to focal points.</p> <h3><span id="Select_Appropriate_Images">Select Appropriate Images</span></h3> <p><img loading="lazy" width="1024" height="554" src="https://comradeweb.com/wp-content/uploads/2022/08/Appropriate-images-for-a-website.jpg" alt="YLAW" class="aligncenter size-full wp-image-143489" srcset="https://comradeweb.com/wp-content/uploads/2022/08/Appropriate-images-for-a-website.jpg 1024w, https://comradeweb.com/wp-content/uploads/2022/08/Appropriate-images-for-a-website-300x162.jpg 300w, https://comradeweb.com/wp-content/uploads/2022/08/Appropriate-images-for-a-website-768x416.jpg 768w, https://comradeweb.com/wp-content/uploads/2022/08/Appropriate-images-for-a-website-400x216.jpg 400w" sizes="(max-width: 1024px) 100vw, 1024px"></p> <p>Even if you have the best product on the market, photos with humans boost conversion rates more than those without, especially if they show your products in use. But what about service-based businesses?</p> <p><a target="_blank" href="https://www.ylaw.ca/" data-wpel-link="external" rel="nofollow noopener">YLaw’s website</a> is a good example of how a strong hero image encourages visitors to find out more about the family law firm’s services. It also underscores our second point about photos; use real photos and avoid stock imagery.</p> <p>Internet users are highly literate and can spot phony images from a mile away. Research by <a target="_blank" href="https://www.nngroup.com/articles/photos-as-web-content/" data-wpel-link="external" rel="nofollow noopener">The Nielsen Norman Group</a> found website visitors tend to ignore stock images of people. Furthermore, it’s challenging to find stock photos that haven’t been used dozens, if not hundreds, of times before.</p> <p>Another thing to keep in mind is diversity. People landing on eCommerce sites come from a variety of backgrounds, ethnicities, ages, and genders. You want to provide a welcoming experience for everyone, so when choosing or producing visuals make sure you include people from all walks of life</p> <p>When deciding on images, ask yourself:</p> <ul> <li>What message does the image send?</li> <li>Are there any benefits to the image? As in, does it showcase my products or services in a good light?</li> <li>Does it create emotional appeal?</li> <li>How does this image relate to my brand or the information it’s supposed to supplement?</li> </ul> <h4><span id="Optimize_Image_Alt_Text">Optimize Image Alt Text</span></h4> <p>Image alt text describes an image’s content and context. Not to be mistaken with the alt tag, it’s part of the HTML code; however, it’s only the part of the HTML code and not the whole attribute.</p> <p>It’s an important element of eCommerce SEO because it helps search engines and visually impaired users make sense of an image’s subject and gets your homepage to rank higher in search results.</p> <p>Alt text should be around 125 characters max and describe an image as succinctly and objectively as possible. You can also use target keywords, but don’t overdo it.</p> <ul> <li>Poor alt text: kids playing</li> <li>Good alt text: girls and boys running in park</li> </ul> <p>A tip: Purely functional or design-related images don’t need alt text, i.e., background images and shapes. Only create alt text when an image relates to the topic of your homepage. If appropriate, use relevant keywords.</p> <h3><span id="Dont_Forget_about_Your_Logo">Don’t Forget about Your Logo</span></h3> <p>A long-standing web convention is to link your logo back to your homepage. As for its placement, a left-aligned logo is highly recommended. <a target="_blank" href="https://www.nngroup.com/articles/homepage-links/" data-wpel-link="external" rel="nofollow noopener">Research</a> suggests veering from this learned pattern can cause significant harm.</p> <p>Logos positioned in nonstandard locations actually damage website usability. In fact, users are six times more likely to navigate to a website’s homepage in one click when the logo is on the top left-hand side of the navigation bar, instead of the center.</p> <p>Even moving the logo to the right causes users to navigate websites poorly. Positioning a logo in a less conventional location also doesn’t make a brand seem unique to visitors. It’s likely to do with the way Europeans and Americans read from left to right.</p> <p>Your eCommerce logo serves as a landmark that orientates users when they first land on your homepage and help them identify your brand. Even if it seems insignificant, eCommerce sites should always be designed with the user’s sensibilities in mind.</p> <p>Another tip: A horizontal logo layout takes up less space in the header and improves readability. You can also reinforce your brand by placing your logo in the footer and making it part of the checkout experience.</p> <h3><span id="Make_Pricing_Easy_to_Find">Make Pricing Easy to Find</span></h3> <p>We can’t stress this enough: You should always include pricing on your website unless your eCommerce business is contractor-based, and you quote clients according to the work required.</p> <p>Your pricing doesn’t have to be on the homepage, but your visitors should be able to see the link that will take them to the product price page. Having prices allows visitors to complete their research and either qualify or disqualify your business.</p> <p>A lot of our clients are hesitant to put their pricing on their website, but the truth is if a prospect is looking for the cheapest option and dissuaded by your prices, you have to ask yourself if they’re really the type of customer you want to do business with. If you can’t provide exact pricing, then ballpark figures will do.</p> <h3><span id="Limit_Options_on_Your_Homepage">Limit Options on Your Homepage</span></h3> <p><img loading="lazy" width="1024" height="576" src="https://comradeweb.com/wp-content/uploads/2022/08/Spotify-landing-page.jpg" alt="Website buttons limitation" class="aligncenter size-full wp-image-143491" srcset="https://comradeweb.com/wp-content/uploads/2022/08/Spotify-landing-page.jpg 1024w, https://comradeweb.com/wp-content/uploads/2022/08/Spotify-landing-page-300x169.jpg 300w, https://comradeweb.com/wp-content/uploads/2022/08/Spotify-landing-page-768x432.jpg 768w, https://comradeweb.com/wp-content/uploads/2022/08/Spotify-landing-page-400x225.jpg 400w" sizes="(max-width: 1024px) 100vw, 1024px"></p> <p>Hick’s Law is a simple idea that states the more choices you present your users with, the longer it takes for them to act. Therefore, if a potential customer is presented with too many choices on your homepage, they could just end up doing nothing. That’s why you have to provide them with strategic options.</p> <p>For example, a visitor landing on <a target="_blank" href="https://www.spotify.com/za-en/premium/?utm_source=za-en_brand_contextual-desktop_text&utm_medium=paidsearch&utm_campaign=alwayson_emea_za_performancemarketing_core_brand+contextual-desktop+text+exact+za-en+google&gclid=Cj0KCQjwrs2XBhDjARIsAHVymmSkV5yyPeTzG9mWs1hu2tS6s9Rjsl7Dvvrm-t0QAxNvUO5RXUD_dVcaAonLEALw_wcB&gclsrc=aw.ds" data-wpel-link="external" rel="nofollow noopener">Spotify’s homepage</a> has two options: “get 3 months free” or “view plans.” This is a great example of Hicks Law at work in UX design. Naturally, eCommerce stores with loads of product pages present more choices to users, but filters can help narrow down options.</p> <p>However, here we’re talking specifically about homepage calls to action. Typically, eCommerce stores have one or two calls to action “above the fold” before users have to start scrolling.</p> <h3><span id="Monitor_and_Improve">Monitor and Improve</span></h3> <p>SEO and your website are dynamic. They are always “works in progress” and require monitoring to ensure optimal performance. Tools like Google Analytics and Google Search Console will help you keep track of user behavior and website performance.</p> <p>They’ll let you know if you’re ranking for relevant keywords, and how much traffic you’re getting. You’ll also be able to see how well your paid ads are performing and if your backlink profile is improving.</p> <p>Drops and decreases may mean you need to optimize product and category pages better, remove duplicate content, fix your homepage speed or optimize site structure. The thing is, you won’t know where to improve eCommerce SEO unless you make the effort to monitor and optimize your homepage.</p> <div class="blog-cta--blue blog-cta blog-cta--middle"><picture class="blog-cta__background" style="--blog-cta-overlay-opcaity: 0.9"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" cwa-lazy="pending" loading="lazy" data-src="/wp-content/uploads/2021/10/shutterstock_1331858666-1.jpg" alt="Want to speak with an expert?"></picture> <div class="blog-cta__content"> <div class="blog-cta__heading blog-cta__heading--bold">Want to speak with an expert?</div> <div class="blog-cta__text">Call us at <a target="_blank" href="tel:+13122650580" data-wpel-link="internal">(312) 265-0580</a></div> </div> </div> <h2><span id="Hire_an_Ecommerce_SEO_Agency">Hire an Ecommerce SEO Agency</span></h2> <p>Methodically implementing the search engine optimization elements above will have a significant impact on your homepage’s ranking in search results and generate more traffic.</p> <p>What’s more, if you’re smart about strategically utilizing PPC and content marketing that’s consistent with your eCommerce SEO campaign, you’re likely to have a lot of success getting discovered—and making sales—on the internet.</p> <p>Go through the items above – you can even use it as a checklist – to make sure you’re doing everything you can to boost your site’s chances of being visited by your ideal customers. Use the eCommerce tools we’ve suggested and double-check:</p> <ul> <li>Are you providing the necessary information on your homepage with ample calls to action?</li> <li>Have you conducted eCommerce keyword research with Google Keyword Planner?</li> <li>Are you employing technical SEO tactics such as structured data and plenty of links?</li> </ul> <p>However, if this all seems overwhelming to you, and you don’t know where to begin, we can help. <a target="_blank" href="https://comradeweb.com/contact-us/" data-wpel-link="internal">Contact Comrade</a>, and our team of SEO experts will successfully implement a powerful on-page SEO strategy for your eCommerce homepage.</p> </div> <div class="mobile-sidebar"> <div class="blog-side-links"> <div class="blog-side-links__heading ">Our Services</div> <div class="blog-side-links__content"> <a href="https://comradeweb.com/services/seo/" target=""> <span>SEO Services</span></a> <a href="https://comradeweb.com/services/web-development/" target=""> <span>Custom Web Development Services</span></a> <a href="https://comradeweb.com/services/web-development/ecommerce-website-development/" target=""> <span>Ecommerce Website Development Services</span></a> </div> </div> </div> <div class="blog-writer"> <div class="blog-writer-message"> <div class="h4">I hope you enjoy reading this blog post.</div> <p>If you would like to discuss your project, reach out to our specialists.</p> <a href="/contact-us/" class="btn btn-primary">discuss your project</a> </div> <div class="blog-writer__title h3">About the Author</div> <a href="https://comradeweb.com/about/stan-bogdashin/" class="blog-writer__image"> <picture> <img width="113" height="123" src="https://comradeweb.com/wp-content/uploads/2018/09/stan-1.png" class="attachment-medium size-medium" alt="Stan Bogdashin" loading="lazy"> </picture> </a> <div class="blog-writer__wrapper"> <div class="blog-writer__head"> <a href="https://comradeweb.com/about/stan-bogdashin/" class="blog-writer__name">Stan Bogdashin</a> <div class="blog-writer__socials"> <a href="https://www.linkedin.com/in/stanbogdashin" target="_blank" class="icon-006-linkedin-in" aria-label="social network" rel="nofollow noopener"></a> <a href="https://twitter.com/stancfstyle" target="_blank" class="icon-007-twitter" aria-label="social network" rel="nofollow noopener"></a> </div> </div> <div class="blog-writer__text"> Stan co-founded Comrade Digital Marketing and serves as its marketing strategist and IT expert recruiter. </div> </div> </div> <div class="vote-container"> <div class="rate-title rate-title--mobile">Share this article</div> <div class="cwa-socials cwa-socials--mobile"> <a aria-label="social network" href="https://www.facebook.com/sharer/sharer.php?u=https://comradeweb.com/blog/why-its-critical-to-enhance-homepage-seo-for-ecommerce/" data-template="https://www.facebook.com/sharer/sharer.php?u=_LINK_" target="_blank"><i class="icon-003-facebook-f"></i></a> <a aria-label="social network" href="https://twitter.com/intent/tweet?text=Why%20It%E2%80%99s%20Critical%20to%20Enhance%20Homepage%20SEO%20for%20Ecommerce%20/%20https://comradeweb.com/blog/why-its-critical-to-enhance-homepage-seo-for-ecommerce/" data-template="https://twitter.com/intent/tweet?text=_TITLE_ / _LINK_" target="_blank"><i class="icon-007-twitter"></i></a> <a aria-label="social network" href="https://www.linkedin.com/shareArticle?mini=true&url=https://comradeweb.com/blog/why-its-critical-to-enhance-homepage-seo-for-ecommerce/&title=Why%20It%E2%80%99s%20Critical%20to%20Enhance%20Homepage%20SEO%20for%20Ecommerce&source=LinkedIn" data-template="https://www.linkedin.com/shareArticle?mini=true&url=_LINK_&title=_TITLE_&source=LinkedIn" target="_blank"><i class="icon-006-linkedin-in"></i></a> <a aria-label="social network" target="_blank" href="mailto:?subject=Why%20It%E2%80%99s%20Critical%20to%20Enhance%20Homepage%20SEO%20for%20Ecommerce&body=https://comradeweb.com/blog/why-its-critical-to-enhance-homepage-seo-for-ecommerce/" data-template="mailto:?subject=_TITLE_&body=_LINK_" title="Why It’s Critical to Enhance Homepage SEO for Ecommerce"> <i class="icon-012-envelope"></i> </a> </div> </div> <div class="cwa-blog__comments"> <!-- --> </div> <div class="cwa-blog-bottom"> <div class="h4">NEXT ARTICLE IN</div> <span style="text-align: center">Building a Website</span> <span class="icon-040-chewron-down"></span> </div> </div> <div id="spinner1" class="spinner cwa-blog-spinner"></div> <div class="pagination"> <a href="https://comradeweb.com/blog/how-to-optimize-pagination-for-ecommerce-wordpress-website/" class="next">Next</a> </div> </div> <div class="cwa-blog__sidebar"> <div class="blog-side-links"> <div class="blog-side-links__heading ">Our Services</div> <div class="blog-side-links__content"> <a href="https://comradeweb.com/services/seo/" target=""> <span>SEO Services</span></a> <a href="https://comradeweb.com/services/web-development/" target=""> <span>Custom Web Development Services</span></a> <a href="https://comradeweb.com/services/web-development/ecommerce-website-development/" target=""> <span>Ecommerce Website Development Services</span></a> </div> </div> <!-- <div class="cwa-blog__cta-moblie">--> <!-- <a href="/contact-us/" class="btn btn--accent">Contact Us</a>--> <!-- </div>--> <div class="cwa-blog__sticky"> <div class="cwa-side cwa-side--primary "> <div class="cwa-side__background"> <img width="324" height="451" src="https://comradeweb.com/wp-content/uploads/2020/09/adam-nowakowski-D4LDw5eXhgg.jpg" class="attachment-medium_large size-medium_large" alt="Background" loading="lazy" srcset="https://comradeweb.com/wp-content/uploads/2020/09/adam-nowakowski-D4LDw5eXhgg.jpg 324w, https://comradeweb.com/wp-content/uploads/2020/09/adam-nowakowski-D4LDw5eXhgg-216x300.jpg 216w" sizes="(max-width: 324px) 100vw, 324px"> </div> <div class="cwa-side__title">Does your website generate enough traffic?</div> <div class="cwa-side__text">A complimentary, no-obligation digital marketing performance audit</div> <ul class="cwa-side__list"> <li>Website UI/UX, content and conversion review</li> <li>SEO: 20-point performance check</li> <li>Digital marketing strategy</li> </ul> <a class="btn btn__blue" href="#" data-popup-name="audit">request free audit</a> <!-- </div>--> </div> </div> </div></div> </section> <section class="cta-section lazy" data-src="https://cwanew.comradeserver.com/wp-content/uploads/2019/08/shutterstock_648506098-copy.png"> <div class="container"> <h2 class="h2 cta-section__title">Ready to start your project?</h2> <div class="cta-section__text cta-section__text--small">Get in touch with us to discuss your specific objectives and the best, tailored-made strategy to reach and surpass them.</div> <a class="cta-section__button btn btn__blue" href="/contact-us/" rel="no-follow">Contact US</a> </div> </section> </main> <footer class="footer"> <div class="footer__body"> <div class="container"> <div class="footer-meta"> <img width="256" height="256" src="https://comradeweb.com/wp-content/uploads/2020/10/comrade-small-logo.svg" class="attachment-medium size-medium" alt="Footer Logotype" loading="lazy"> <p class="paragraph">Comrade is an established, full service web design and digital marketing agency in Chicago, Miami, Los Angeles and Austin with the mission to achieve big returns for our clients.</p> <div class="footer__social"> <a target="_blank" href="https://www.instagram.com/comradeweb/" rel="nofollow noopener" aria-label="instagram"><i class="icon-005-instagram"></i></a> <a target="_blank" href="https://www.youtube.com/channel/UCPuwprh8cjcCxDl55lDXBPQ" rel="nofollow noopener" aria-label="instagram"><i class="icon-031-youtube"></i></a> <a target="_blank" href="https://www.facebook.com/ComradeWeb" rel="nofollow noopener" aria-label="facebook"><i class="icon-003-facebook-f"></i></a> <a target="_blank" href="https://www.linkedin.com/company/comrade-web-studios" rel="nofollow noopener" aria-label="linkedin"><i class="icon-006-linkedin-in"></i></a> <a target="_blank" href="https://www.yelp.com/biz/comrade-digital-marketing-agency-chicago" rel="nofollow noopener" aria-label="yelp"><i class="icon-008-yelp"></i></a> </div> <div> <div class="footer-content__head" style="margin-top: 2rem;">Our Locations</div> <div class="footer-content__value"> <div><a href="https://comradeweb.com/digital-marketing-agency-miami/">Miami Digital Marketing Agency</a></div> <div><a href="https://comradeweb.com/digital-marketing-agency-la/">Los Angeles Digital Marketing Agency</a></div> <div><a href="https://comradeweb.com/digital-marketing-agency-austin/">Austin Digital Marketing Agency</a></div> <div><a href="https://comradeweb.com/internet-marketing-agency-denver/">Denver Digital Marketing Agency</a></div> <div><a href="https://comradeweb.com/internet-marketing-agency-milwaukee/">Milwaukee Digital Marketing Agency</a></div> <div><a href="https://comradeweb.com/internet-marketing-agency-dallas/">Dallas Digital Marketing Agency</a></div> <div><a href="https://comradeweb.com/internet-marketing-agency-san-diego/">San Diego Digital Marketing Agency</a></div> </div> </div> </div> <div class="footer-content"> <div> <div class="footer-content__head">Headquarters</div> <div class="footer-content__value"> <div><a rel="nofollow noopener" href="https://www.google.com/maps?cid=6311646262308078252" target="_blank">770 N Halsted Street, Suite 106<br> Chicago, IL 60642</a></div> </div> </div> <div> <div class="footer-content__head">Hours</div> <div class="footer-content__value">MON-FR: 9AM-5PM</div> </div> <div> <div class="footer-content__head">Say Hello</div> <div class="footer-content__value"> <div> <a href="tel:+13122650580">(312) 265-0580</a></div> <div> <a href="mailto:info@comradeweb.com" target="_blank">info@comradeweb.com</a></div> </div> </div> <div><div class="footer-content__head">Solutions</div><div class="footer-content__value"><div><a href="/services/digital-marketing/">Digital Marketing</a></div><div><a href="/services/web-design/">Web Design</a></div><div><a href="https://comradeweb.com/services/seo/">SEO Services</a></div><div><a href="https://comradeweb.com/services/seo/local-seo/">Local SEO</a></div><div><a href="https://comradeweb.com/services/seo/seo-audit/">SEO Audit</a></div><div><a href="https://comradeweb.com/services/seo/seo-packages/">SEO Packages</a></div><div><a href="/services/digital-marketing/paid-ads-retargeting/">PPC Management</a></div><div><a href="/services/digital-marketing/inbound-content-marketing/">Content Marketing</a></div><div><a href="https://comradeweb.com/services/digital-marketing/social-media-marketing/">Social Media Marketing</a></div></div></div><div><div class="footer-content__head">Who we serve</div><div class="footer-content__value"><div><a href="/who-we-serve/ecommerce/">E-commerce</a></div><div><a href="/who-we-serve/law-firms/">Law Firms</a></div><div><a href="/who-we-serve/manufacturing/">Manufacturing</a></div><div><a href="/who-we-serve/small-businesses/">Small Businesses</a></div><div><a href="https://comradeweb.com/who-we-serve/home-improvement/">Home Improvements & Construction</a></div><div><a href="https://comradeweb.com/who-we-serve/healthcare/">Healthcare</a></div></div></div><div><div class="footer-content__head">Inside Comrade</div><div class="footer-content__value"><div><a href="https://comradeweb.com/about-us/">About Us</a></div><div><a href="/portfolio/">Portfolio</a></div><div><a href="/blog/">Blog</a></div><div><a href="/contact-us/">Contact Us</a></div><div><a href="/careers/">Careers</a></div></div></div> </div> </div> </div> <div class="footer__meta"> <span>© 2022 Comrade Digital Marketing Agency</span> <a href="/privacy-policy/" rel="nofollow">Privacy Policy</a><span class="separat"> | </span><a href="/terms-of-use/" rel="nofollow">Terms of Use</a><span class="separat"> | </span><a href="/sitemap/">Sitemap</a> <span class="separat"> | </span> <div class="footer-search-btn icon-037-search" data-search-open=""></div> </div> </footer> <div class="d_none" id="vm-to-top"> <div class="to-top-button icon-014-chevron-right"></div> </div> <div class="popup popup--background"></div> <div class="popup popup--content" data-popup="request_quote"> <div class="popup__close"><i class="icon-011-cross"></i></div> <div class="popup__content"> <div class="container contactArticle__wrap"> <div class="contactArticle__text"> <div class="title title--medium">Contact Comrade Web<i>.</i></div> <p>Do you want a marketing plan that fits your individual needs? Let us craft a strategy that drives results to your company based on your objectives.</p> <p>Please fill out the form to the right, and we will contact you within <strong>one business day</strong> for a free initial consultation.</p> </div> [contact-form-7 id="144"] </div> </div> </div><div class="pop-up pop-up--full js-close-this js-page-run-scroll" id="thankYouMessage"> <div class="pop-up__close js-popup-close js-page-run-scroll" data-popup-id="thankYouMessage"></div> <div cwa-lazy="pending" class="pop-up__body pop-up__body--center" data-src="https://comradeweb.com/wp-content/themes/CWA/front/build/img/thank-you-background.jpg"> <div class="pop-up__vertical"> <div class="h2 pop-up__title">Thank You For Your Interest!</div> <div class="h4 pop-up__sub-title" style="color: #ffffff;">One of our specialist will be in contact with you shortly.</div> <div class="pop-up__text">Before you go, we would love to get additional information to help us better understand how we can serve you best. Please fill out this four question survey.</div> <div class="pop-up__button"><a href="/follow-up/" class="btn btn--accent">take a survey</a></div> </div> </div> </div> <div class="popup popup--background"></div> <div class="popup popup--content" data-popup="audit"> <div class="popup__close"><i class="icon-011-cross"></i></div> <div class="popup__content"> <div class="contactArticle__wrap"> <div class="contactArticle__text"> <div class="popup-image"><img alt="audit popup image" width="300" height="300" cwa-lazy="pending" loading="lazy" data-src="https://comradeweb.com/wp-content/uploads/2020/09/marketing-strategic-plan3-fullsize-1-1.jpg"></div> <div class="h3" style="color: #ffffff;">Digital Marketing Performance Audit</div> <p>Unlock a full potential of your website. See which gaps in your marketing don’t allow your organization to scale. Get a complimentary, no obligation marketing performance review.</p> </div> <div class="contactForm contactArticle__form"> <form method="POST" action="https://forms.wboost.io/api/f/q06qXESnyY" class="cft-form" data-comrade-form="q06qXESnyY" novalidate="" _lpchecked="1"> <div class="cft-group"> <div class="cft-row"> <div class="cft-col-6"> <div class="cft-field"> <input required="" data-akismet="name" type="text" name="firstname" placeholder="First Name *" class="cft-control vInput" value=""> </div> </div> <div class="cft-col-6"> <div class="cft-field"> <input required="" data-akismet="name" type="text" name="lastname" placeholder="Last Name *" class="cft-control vInput" value=""> </div> </div> <div class="cft-col-12"><div class="cft-field"><input required="" data-akismet="email" type="email" name="email" placeholder="Your Email *" class="cft-control" value=""></div></div><div class="cft-col-12"><div class="cft-field"><input required="" type="text" name="company" placeholder="Company Name *" class="cft-control" value=""></div></div><div class="cft-col-12"><div class="cft-field"><input required="" type="text" name="website" placeholder="Your Website URL *" class="cft-control" value=""></div></div><div class="cft-col-12"><div class="cft-field"><textarea data-akismet="message" name="message" placeholder="Details" rows="10" class="cft-control"></textarea></div></div><div class="cft-col-12"><div class="cft-field"><button type="submit" name="submit" class="btn btn-primary">Submit</button></div></div></div></div></form> </div> </div> </div> </div><script> document.addEventListener('cft:success', function (event) { if (event.detail.formId === 'Vyq3ksKm2g' || event.detail.formId === 'k3Z6MAZWWQ' || event.detail.formId === 'eTbs0VFx3A' || event.detail.formId === 'Q0DTTxCNRo') { document.getElementById('reportForm').style.display = 'none'; document.getElementById('formSuccessMessage').style.display = ''; document.getElementById('formSuccessMessage').style.opacity = '1'; } }) </script> <script type="text/javascript">function showhide_toggle(e,t,r,g){var a=jQuery("#"+e+"-link-"+t),s=jQuery("a",a),i=jQuery("#"+e+"-content-"+t),l=jQuery("#"+e+"-toggle-"+t);a.toggleClass("sh-show sh-hide"),i.toggleClass("sh-show sh-hide").toggle(),"true"===s.attr("aria-expanded")?s.attr("aria-expanded","false"):s.attr("aria-expanded","true"),l.text()===r?(l.text(g),a.trigger("sh-link:more")):(l.text(r),a.trigger("sh-link:less")),a.trigger("sh-link:toggle")}</script> <script type="text/javascript" src="https://comradeweb.com/wp-content/themes/CWA/js/jquery-3.6.0.min.js" id="jquery-js"></script> <script src="https://comradeweb.com/wp-content/themes/CWA/front/build/js/common.js" defer type="text/javascript"></script> <script type="text/javascript" src="https://comradeweb.com/wp-content/plugins/luckywp-table-of-contents/front/assets/main.min.js" id="lwptoc-main-js"></script> <script> window.addEventListener('scroll',initGTM, {once: true}) document.addEventListener('scroll', initGTMOnEvent); document.addEventListener('mousemove', initGTMOnEvent); document.addEventListener('touchstart', initGTMOnEvent); function initGTMOnEvent (event) { initGTM(); event.currentTarget.removeEventListener(event.type, initGTMOnEvent); // remove the event listener that got triggered } function initGTM () { if (window.gtmDidInit) { return false; } window.gtmDidInit = true; // flag to ensure script does not get added to DOM more than once. const script = document.createElement('script'); script.type = 'text/javascript'; script.async = true; script.onload = () => { dataLayer.push({ event: 'gtm.js', 'gtm.start': (new Date()).getTime(), 'gtm.uniqueEventId': 0 }); } // this part ensures PageViews is always tracked script.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-TT2VLFG'; document.head.appendChild(script); } </script> <script> $(document).ready(function() { facebook_time_event(); facebook_page_count_tracker(); facebook_click_header_phone(); }) function facebook_click_header_phone() { $('.main-navigator__phone').on('click', function () { if(!sessionStorage.getItem("click_to_header_phone")) { window.sessionStorage.setItem("click_to_header_phone", 'true'); waitForFbq(function () { fbq('trackCustom', 'Click To Header Phone'); }) } }); } function facebook_time_event() { var current_timestamp_number = +new Date(); !sessionStorage.getItem('current_timestamp') ? window.sessionStorage.setItem("current_timestamp", current_timestamp_number.toString()) : ''; if(!sessionStorage.getItem("time_event_send") && sessionStorage.getItem('current_timestamp')) { var sec = setInterval(function () { var d = +new Date(); var s = (d - sessionStorage.getItem('current_timestamp')) / 1000; if (s >= 30) { window.sessionStorage.setItem("time_event_send", "true"); waitForFbq(function () { fbq('trackCustom', 'Time 30s Event'); }) clearInterval(sec); } }, 1000); } } function facebook_page_count_tracker() { var counterStored = sessionStorage.getItem('counter') ? JSON.parse(sessionStorage.getItem('counter')) : {}; if (counterStored[window.location.pathname]) { counterStored[window.location.pathname]++ } else { counterStored[window.location.pathname] = 1; } sessionStorage.setItem('counter', JSON.stringify(counterStored)); var counter = sessionStorage.getItem("counter"); if(counter) { if(!sessionStorage.getItem("counter_event_send") && Object.keys(JSON.parse(counter)).length >= 3) { waitForFbq(function () { fbq('trackCustom', 'Unique Page Tracker', counter); }) window.sessionStorage.setItem("counter_event_send", 'true'); } } } function waitForFbq(callback){ if(typeof fbq !== 'undefined'){ callback() } else { setTimeout(function () { waitForFbq(callback) }, 100) } } </script> <script> if ($(".checklist").length) { var bannerLink = $('.checklist').find('.btn').attr('href'); if (bannerLink) { var checklist = $('body').find('[data-popup="checklist"]'); $(checklist).find('input[name="filelink"]').val(bannerLink); } document.addEventListener("wpcf7mailsent", function(e) { var target = $(e.target); if (target.find('form').hasClass('checkLIST')) { $('body').find('.filelinkCheck').attr('href', bannerLink); } }, !1); } </script> <script> function messageOk() { Snackbar.show({ text: 'Thank you for your message. It has been sent.', pos: 'bottom-center', backgroundColor: '#43a047', textColor: '#ffffff', showAction: false, actionText: 'Close', duration: 5000, customClass: 'snackbar-theme-1' }); } document.addEventListener("wpcf7mailsent", function(e) { var target = $(e.target); var isFollow = !!window.location.href.match('follow-up') var isContact = !!window.location.href.match('contact-us') var isCultivate = !!window.location.href.match('cultivate') if (target.find('form').hasClass('catapult-event')) { messageOk() } if (isFollow || isContact || isCultivate) { messageOk() return false } if (target.parents('.pop-up').length === 0) { var fields = { title: { src: target.find('[data-thank-you-title]'), isHide: target.find('[data-thank-you-title]').data('thank-you-title'), target: $('#thankYouMessage').find('.pop-up__title') }, subText: { src: target.find('[data-thank-you-sub-title]'), isHide: target.find('[data-thank-you-sub-title]').data('thank-you-sub-title'), target: $('#thankYouMessage').find('.pop-up__sub-title') }, text: { src: target.find('[data-thank-you-text]'), isHide: target.find('[data-thank-you-text]').data('thank-you-text'), target: $('#thankYouMessage').find('.pop-up__text') } }; for (var field in fields) { if (fields.hasOwnProperty(field)) { var item = fields[field]; if (item.isHide) { item.target.hide() } else { item.target.show().html(item.src.html()) } } } var btn = target.find('[data-thank-you-hide-button]').data('thank-you-hide-button'); if (btn) { $('#thankYouMessage').find('.pop-up__button').hide() } else { $('#thankYouMessage').find('.pop-up__button').show() } var openState = window.openPopup('thankYouMessage') if (!openState) { messageOk() } } }, !1); document.addEventListener("wpcf7mailfailed", function(e) { Snackbar.show({ text: "There was an error trying to send your message. Please try again later.", pos: "bottom-center", backgroundColor: "#d84b37", textColor: "#ffffff", showAction: !1, actionText: "Close", duration: 5e3, customClass: "snackbar-theme-1" }) }, !1), document.addEventListener("wpcf7invalid", function(e) { Snackbar.show({ text: "One or more fields have an error. Please check and try again.", pos: "bottom-center", backgroundColor: "#d84b37", textColor: "#ffffff", showAction: !1, actionText: "Close", duration: 5e3, customClass: "snackbar-theme-1" }) }, !1), document.addEventListener("wpcf7spam", function(e) { Snackbar.show({ text: "There was an error trying to send your message. Please try again later.", pos: "bottom-center", backgroundColor: "#d84b37", textColor: "#ffffff", showAction: !1, actionText: "Close", duration: 5e3, customClass: "snackbar-theme-1" }) }, !1); </script> <!-- <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> --> </body> </html>