Technical settings

Configure SEO Defaults

Google uses each page’s title and description in search results. Pages that do not set their own values fall back to the defaults in src/config/seo.ts.

What this file does

src/config/seo.ts holds site-wide defaults: the title and description used when a page does not pass its own to BaseLayout. The home page already uses these values explicitly.

Open the file

In your editor, open src/config/seo.ts. You only need to change the text values — no other files for this step.

Fields explained

defaultTitle — Browser tab text and the main headline in Google (include your company name).
defaultDescription — Grey text under the title in search results. Aim for about 150–160 characters.
defaultImage — Social share image path, e.g. /og/default.svg (file lives under public/).
locale / localeTr — Open Graph language tags (en_GB and tr_TR by default).
twitterHandle — Optional @handle for Twitter cards; leave empty if unused.

Example

Replace the placeholder company name and description with your real copy:


                export const seo = {
  defaultTitle:       "Acme Dental Clinic",
  defaultDescription: "Family dentistry in Istanbul. Implants, whitening, and emergency care. Book online or call today.",
  defaultImage:       "/og/default.svg",
  twitterHandle:      "",
  locale:             "en_GB",
  localeTr:           "tr_TR",
} as const;

Per-page overrides

Important pages (About, Contact, each service) should have their own title and description on BaseLayout — otherwise they all look identical in Google. The home page uses seo.defaultTitle and seo.defaultDescription from this file.

Verify after saving

Run npm run dev, open the home page, right-click → View Page Source, and check that <title> and <meta name="description" content="..."> show your new text. After deploy, repeat on the live URL.