# How to add a favicon and touch icons

> Google shows your favicon next to search results; phones use touch icons for bookmarks. Both take a couple of link tags.

Technical SEO · HTML version: https://getreport.app/learn/favicon

## Apple touch icon

Passing looks like: An apple-touch-icon is declared.

**Why it matters.** iPhones and iPads use this icon when someone adds your site to their home screen or shares it in Messages. Without it, they show a blurry screenshot.

**How to fix it.**

1. Add <link rel="apple-touch-icon" href="/apple-touch-icon.png"> with a 180×180 px PNG.

## Site favicon

Passing looks like: A favicon is declared.

**Why it matters.** Google shows the favicon next to your search result, and browsers show it in tabs and bookmarks. Without one, the result gets a generic globe icon.

**How to fix it.**

1. Add <link rel="icon" href="/favicon.ico" sizes="48x48"> (or an SVG/PNG of at least 48×48 px) in <head>.
2. In WordPress, upload a Site Icon under Appearance → Customize → Site Identity.

Check your own page: https://getreport.app/
