Search & sharing

A few tags decide how your site appears in search results and when someone links to it.

Title and description

<title>Clear, specific page title</title>
<meta name="description" content="One sentence about this page.">

The title is the clickable line in search results. Write it for a person, not a crawler.

Link previews

<meta property="og:title" content="Page title">
<meta property="og:description" content="One sentence.">
<meta property="og:image" content="https://yoursite/preview.png">

These control the card shown when your link is posted to chat apps and social sites.

Headings carry meaning

Use one <h1> per page for its actual subject, then <h2> for sections beneath it. Headings are not a font-size control. Search engines and screen readers both read them as the outline of your document. Skipping from <h1> straight to <h4> because the size looked right makes that outline nonsense. Set sizes with CSS and choose heading levels by meaning.

Give images alt text

<img src="/cat.jpg" alt="A tabby asleep on a keyboard">

Alt text is what someone hears if they use a screen reader, and what shows if the image fails to load. Describe what the image shows. Use an empty alt="" only when an image is purely decorative and carries no information.

Being found on Reocities

Filling in your profile bio and tags is what puts you in Browse and in related-site suggestions. It costs a minute and it is the single most effective thing you can do to get visitors from inside the platform.