# Edit your website SEO and site settings These settings control how your Wonderly website appears in search engine results and social media shares. You can upload a site logo, favicon, and social media thumbnail from here. ### How to open your site settings 1. Under **My business**, click **Website** from the main sidebar. 2. Click **Site navigation bar** from the secondary sidebar. 3. Click the **Design** tab. 4. Click **Edit site colors & fonts**. 5. Click the **Settings** tab. From here, you'll see two tabs: **Theme** and **Settings**. The sections below walk through the **Settings** tab. *** ### Configure your Default SEO Metadata {% hint style="info" %} **When to use:** You want to control how your website appears in search results and social media previews. {% endhint %} These are your site-wide defaults. Individual pages can override them with their own titles, descriptions, and keywords. 1. Enter a **Default Title** to set the page title that appears in search engine results and in the browser tab. 2. Enter a **Default Description** to set the summary text that appears below the title in search results and in preview cards when someone shares a link from your site on social media. 3. Enter your **Default Keywords** to add relevant search terms for your business. Separate multiple keywords with commas. #### Tips for writing effective SEO metadata **Default Title:** Your title is the first thing people see in search results and in the browser tab. Keep it simple and use your business name. **Default Description:** Think of the description as a one or two sentence pitch for your business. It should tell someone what you offer and why they should visit your site. Aim for around 150 characters. Search engines may cut off anything longer. Write in plain language and focus on what matters to your customers. **Default Keywords:** Choose keywords based on what your customers would actually type into a search engine. Start with your service type, your location, and any specialties. Be specific rather than broad. For example, "residential landscaping, lawn care, Toronto" is stronger than "landscaping services." You can add several keywords separated by commas. *** ### Upload your site images 1. Under the image type you want to update, click **Choose File** if no image has been uploaded yet. If an image already exists, click the **pencil icon** to replace it or the **trash icon** to remove it. 2. Select an image from your **My Media** folder by clicking on it. 3. To upload a new image instead, click **Upload file** and select a file from your device. Repeat these steps for each image type you want to update. #### Image types * **Social media thumbnail** — The image that appears when someone shares a link from your website on social media. * **Site Logo** — The logo associated with your site in search results and browser tabs. * **Default Favicon** — The small icon that appears in the browser tab when someone visits your site. *** ### Enable default URL 1. Toggle on **Use default URL** to keep your default Wonderly URL active alongside your custom domain. *** ### Add custom code to your website {% hint style="info" %} **When to use:** You need to add custom HTML, CSS, or JavaScript to your website. This is an advanced setting typically used for third-party tracking scripts, analytics tools, or custom styling. {% endhint %} 1. Enter or paste your code into the appropriate field. #### Code fields * **Header Code** — Added before the closing `` tag. Use for stylesheets, meta tags, or tracking scripts. * **Body Head Code** — Added right after the opening `` tag. Use for scripts that need to load early. * **Body Footer Code** — Added before the closing `` tag. Use for scripts that should load after the page content. {% embed url="" %}