Mobile & speed

Viewport meta tag

Example: A pizzeria adds the one-line viewport meta tag its old theme was missing, and the menu that used to load shrunken and tiny on phones suddenly renders at full phone width, readable without any pinching or zooming.

A single line of code in the <head> of every page (<meta name="viewport" content="width=device-width, initial-scale=1">) that tells phones "render this page at phone width, not desktop width".

Why it matters

Without it, phones render every page as if it were a desktop monitor and shrink it — everything looks tiny, unreadable, unusable. The fix is literally one line; the before-and-after on mobile is night-and-day.

Frequently asked

What is viewport meta tag?

Viewport meta tag is a single line of code in the &lt;head&gt; of every page (&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;) that tells phones "render this page at phone width, not desktop width".

Why does viewport meta tag matter for a restaurant?

Without it, phones render every page as if it were a desktop monitor and shrink it — everything looks tiny, unreadable, unusable. The fix is literally one line; the before-and-after on mobile is night-and-day.

Glossary

Browse all
149 terms.

Plain-English definitions for every term in your audit, organized by category.