The current earthley.com homepage leads with brand story, buries products below the fold, and renders key trust data (stats, price comparison, quality checklist) as images — invisible to search engines and AI answer engines. This redesign flips the hierarchy: products first, trust second, convert third.
aria-hidden="true".role="region" aria-label="Promotions and announcements" so screen reader users can navigate to/skip promotions.<header> with shadow-sm.sr-only focus:not-sr-only skip link and <nav aria-label="Main navigation">. Redesign preserves these and adds role="search" on the search wrapper, <label> paired to input, and product-specific aria-label on cart ("Shopping cart, 2 items").position: sticky; top: 0 to keep the cart icon reachable at any scroll depth — reduces clicks-to-purchase for impulse buyers.Natural tinctures, supplements, and skin care made with organic ingredients — no synthetic preservatives, no artificial flavors. Ever. Trusted by 610,000+ families since 2013.
role="img" aria-label on the hero image panel, marks decorative bg patterns aria-hidden, and respects prefers-reduced-motion: reduce for all fade-up animations.Organization JSON-LD referencing these metrics — reinforces brand authority signals for Google's Knowledge Graph. Current site has basic Organization schema but doesn't reference customer count or pricing position.role="region" + aria-label="Company statistics". Dividers marked aria-hidden./category/immune-support. Currently these links live inside the JS sidebar — moving them to visible HTML passes PageRank on every homepage load.role="combobox" which is heavier. Redesign uses <button aria-pressed> chips in a role="group" — simpler, more predictable for screen readers. Max-3 limit triggers aria-live announcement.Transdermal magnesium for healthy sleep and relaxation. Grain-free, cGMP-certified.
Herbal tincture for fever support, discomfort, and immune function.
Natural relief for occasional coughs and congestion.
Alcohol-free elderberry for general immune support and cold symptoms.
<h4 variant="h2"> (semantic mismatch). Product cards lack aria-label and star ratings have no ARIA text.<article> maps to Product schema with AggregateRating, offers, and description. "Best sellers" H2 signals topical authority for "best natural herbal supplements." Current site's carousel may not be fully crawlable.aria-label and star ratings have no screen reader text. Redesign adds: <article aria-label> per card, aria-label="4.9 out of 5 stars, 2664 reviews", product-specific add-to-cart labels, and aria-live cart announcements.Earthley is the only natural wellness brand that is truly clean, truly affordable, and 100% family-owned — with no outside investors or compromises on ingredients.
| Product | Earthley | Others |
|---|---|---|
| Magnesium Lotion 8oz | $17.99 | $26.00 |
| Elderberry Syrup 4oz | $12.99 | $33.49 |
| Lymphatic Cream 8oz | $24.99 | $43.00 |
| Muscle Ease 4oz | $14.99 | $34.00 |
| Total basket | $86.96 | $136.49 |
<ul aria-label> with 7 text bullets. Each claim ("No natural flavors, synthetic preservatives, or added sugars — ever") is directly citable by Perplexity and Google AI. The image version cannot be cited.<table> with thead/tfoot/scope. AI engines can now cite "Earthley is 36% cheaper" as a factual, structured data point from a primary source."My baby struggles with gas since she was born. This was a life saver from day 1! Every time we give it to her she gets immediate relief."
"My 10 year old gets occasional headaches. This has worked every single time — what a blessing to not rely on OTC pain relievers."
"Within 3 days of taking this I already noticed a difference. This stuff is amazing for cold symptoms. Heaven sent!"
"Feel Better Fast and Goodnight Lotion are our clinic essentials — I use them to assist patients in muscle recovery and promote better sleep."
"Sinus Saver got myself and my daughter off OTC antihistamines. I love Earthley and recommend their products all the time."
<article aria-label> properly (Dr. Kelly, Kathryn Powell, Melissa Long). Customer reviews use a carousel with no aria-live. Both sections are far below fold.<article aria-label>. Redesign keeps Dr. Kelly and Melissa Long and adds Person schema with credentials — AI engines weight credentialed health professionals very highly for supplement queries.Review + AggregateRating schema per card. Each review links to its product page. Reviews are the strongest E-E-A-T signal for health content — the current site renders them but has no structured data.aria-label. Redesign adds aria-label="5 out of 5 stars" on every rating. Reviews use <blockquote> + <footer> inside <article>. Expert section uses aria-labelledby.Never run out of your household essentials. Flexible delivery, cancel anytime. Orders process weekly on Wednesdays.
No commitment · cancel online anytime · no hidden fees
sr-only text for screen readers — good accessibility. Benefits use checkmarks with aria-hidden.sr-only text. Redesign adds explicit aria-label="Start your Subscribe and Thrive subscription" on both buttons. White text on primary gradient verified ≥ 4.5:1 WCAG AA contrast.Evidence-cited, sourced guides to help you transition to natural health at your own pace.
Article schema to guide pages. These drive organic traffic that converts to product sales.LocalBusiness schema. "Natural supplement store Columbus Ohio" is a query Earthley should own outright. Redesign enables LocalBusiness + Store schema with full NAP, hours, and geo coordinates for both locations.<address> tags. Redesign wraps both addresses in semantic <address> elements with tel: and mailto: links.<div> for address info. Redesign uses <address> element, <a href="tel:"> for phone, <a href="mailto:"> for email — tappable on mobile, activates assistive technology call/email actions.aria-label. Both addresses present. "Privacy Policy" appears twice (duplication). Addresses use <div> instead of <address>. Link groups driven by CMS (Strapi). "Manage Cookies" modal in Legal column.LocalBusiness schema. Copyright + "Made in America" are crawled as brand trust signals.<span> text elements that are directly indexable.<footer> landmark and <ul> lists (good) but addresses are in <div> tags. Redesign wraps both in <address> elements. Column headings as <h3>. All social icons have aria-label. Legal links section has aria-label.