https://www.anayshaaesthetics.com/blog/

Add a meta description (120-160 characters) summarising the page. It appears under the title in search results and directly affects click-through rate.

<head>
  <!-- no meta description -->
</head>

<head>
  <meta name="description" content="Compelling 120-160 character summary describing what's on this page and why a user should click.">
</head>

Set explicit width/height on every <img> to prevent Cumulative Layout Shift. Browser reserves the box before the image loads.

<img src="photo.jpg" alt="...">

<img src="photo.jpg" width="800" height="600" alt="...">

Every <img> needs an alt attribute. Alt text helps screen readers, image search ranking, and shows when the image fails to load. Use alt="" only for purely decorative images.

<img src="photo.jpg">

<img src="photo.jpg" alt="Descriptive text describing the image content">

Lead each section with a direct, citable answer to the question users would ask. AI engines (ChatGPT, Perplexity) cite the clearest, most specific sentences.

Add concrete facts — numbers, dates, percentages, named sources. Vague prose doesn't get cited; specific data does.

Cite authoritative external sources (links, references). Pages that cite reputable sources are themselves cited more often.

Title is outside the 30-60 character sweet spot. Google truncates titles longer than ~60 chars in search results, hiding your keywords. Keep the primary keyword near the start.

<title>24 chars</title>

<title>Shortened title — primary keyword first (≤60 chars)</title>

Add trust signals: clear contact info, privacy policy, terms of service, customer reviews, security badges, real photos of team/location.

Add og:description so links shared on Facebook/LinkedIn show a preview blurb. Falls back to meta description if missing, but a tailored one converts better.

<head>
  <!-- no og:description -->
</head>

<head>
  <meta property="og:description" content="Punchy social-share blurb, 90-150 chars.">
</head>

Enable gzip or Brotli compression on your server. Typically cuts text payload by 70-80% — easy LCP win.

Demonstrate first-hand experience: original photos, personal anecdotes, before/after results, screenshots from the actual product/service.

Build authoritativeness: links from respected sites in your niche, mentions in industry publications, About page detailing your expertise.

Add Strict-Transport-Security header so browsers refuse HTTP for your domain after the first visit. Bumps SSL Labs grade to A+.

Strict-Transport-Security: max-age=31536000; includeSubDomains

Add rel="noopener noreferrer" to target="_blank" links. Without noopener, the linked page can manipulate your window object — security + perf risk.

<a href="https://other.com" target="_blank">External</a>

<a href="https://other.com" target="_blank" rel="noopener noreferrer">External</a>

Add bulleted lists, sub-headings, definitions, and TL;DR sections. AI engines prefer clearly structured content for extraction.

Headings should descend logically: H1 → H2 → H3, no jumps. Skipping levels (H1 → H3) breaks accessibility tools and confuses crawlers.

<h1>Page Title</h1>
<h3>Section</h3>  <!-- skipped H2 -->

<h1>Page Title</h1>
<h2>Section</h2>
<h3>Subsection</h3>

Server is slow. Investigate: enable a CDN, add page caching, optimise database queries, upgrade hosting. TTFB > 800ms hurts every Core Web Vital.

Convert images to WebP or AVIF — typically 25-50% smaller than JPEG/PNG with no visible quality loss. Use <picture> for fallback.

<img src="photo.jpg">

<picture>
  <source type="image/avif" srcset="photo.avif">
  <source type="image/webp" srcset="photo.webp">
  <img src="photo.jpg" alt="...">
</picture>

Add loading="lazy" to images below the fold. Saves bandwidth, speeds up initial page load.

<img src="below-fold.jpg">

<img src="below-fold.jpg" loading="lazy" width="..." height="..." alt="...">

Replace generic anchor text ("click here", "read more") with descriptive phrases containing the target page's keywords. Anchors are a strong relevance signal.

<a href="/laptops">click here</a>

<a href="/laptops">programming laptops review</a>

Simplify your prose. Shorter sentences (15-20 words), smaller words (1-2 syllables), more paragraph breaks. Target 8th-grade reading level for a general audience.

Add a twitter:card meta tag to control how Twitter renders shared links. Use "summary_large_image" with an og:image for the best preview.

<!-- no twitter:card -->

<meta name="twitter:card" content="summary_large_image">

Use H2s to break content into scannable sections. Pages with no H2 read as a wall of text — worse for users and for search relevance.

<!-- no H2 sections -->

<h2>First Major Section</h2>
<p>...</p>
<h2>Second Major Section</h2>
<p>...</p>

H1 should be 20-70 characters — long enough to be descriptive, short enough to be scannable.

<h1>4 chars</h1>

<h1>Descriptive 20-70 character heading</h1>

Add X-Content-Type-Options: nosniff so browsers honour the Content-Type and don't MIME-sniff for malicious files.

X-Content-Type-Options: nosniff

Add a Content-Security-Policy header to block XSS by whitelisting allowed script/style sources.

Content-Security-Policy: default-src 'self'; script-src 'self' 'unsafe-inline'