[{"data":1,"prerenderedAt":1257},["ShallowReactive",2],{"guide-meta-tags-mobile-web-apps":3},{"id":4,"title":5,"body":6,"date":1249,"description":1250,"extension":1251,"meta":1252,"navigation":859,"path":1253,"readingTime":626,"seo":1254,"stem":1255,"__hash__":1256},"guides\u002Fguides\u002Fmeta-tags-mobile-web-apps.md","Meta Tags for Mobile Web Apps",{"type":7,"value":8,"toc":1230},"minimark",[9,14,18,21,25,28,73,152,165,169,175,202,205,222,284,288,291,295,298,325,328,331,374,401,407,410,413,440,443,446,533,536,540,547,727,730,757,761,815,819,822,887,890,894,1159,1163,1189,1193,1214,1218,1226],[10,11,13],"h2",{"id":12},"why-mobile-meta-tags-matter","Why Mobile Meta Tags Matter",[15,16,17],"p",{},"Desktop browsers give you a consistent canvas. Mobile browsers do not. Device dimensions vary wildly. The status bar consumes screen space. Users can add your site to their home screen. Without the right meta tags, your web app looks broken or feels foreign on mobile — letterboxed, wrongly scaled, or missing the immersive feel of a native app.",[15,19,20],{},"Mobile meta tags bridge that gap. They control viewport behavior, status bar color, home screen icons, and standalone mode.",[10,22,24],{"id":23},"the-viewport-meta-tag","The Viewport Meta Tag",[15,26,27],{},"This is the single most important tag for mobile web. Without it, mobile browsers render your page at desktop width and scale it down — rendering your responsive layout useless.",[29,30,35],"pre",{"className":31,"code":32,"language":33,"meta":34,"style":34},"language-html shiki shiki-themes github-light github-dark","\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n","html","",[36,37,38],"code",{"__ignoreMap":34},[39,40,43,47,51,55,58,62,65,67,70],"span",{"class":41,"line":42},"line",1,[39,44,46],{"class":45},"sVt8B","\u003C",[39,48,50],{"class":49},"s9eBZ","meta",[39,52,54],{"class":53},"sScJk"," name",[39,56,57],{"class":45},"=",[39,59,61],{"class":60},"sZZnC","\"viewport\"",[39,63,64],{"class":53}," content",[39,66,57],{"class":45},[39,68,69],{"class":60},"\"width=device-width, initial-scale=1\"",[39,71,72],{"class":45},">\n",[74,75,76,92],"table",{},[77,78,79],"thead",{},[80,81,82,86,89],"tr",{},[83,84,85],"th",{},"Property",[83,87,88],{},"Value",[83,90,91],{},"Purpose",[93,94,95,109,122,135],"tbody",{},[80,96,97,103,106],{},[98,99,100],"td",{},[36,101,102],{},"width=device-width",[98,104,105],{},"Matches screen width",[98,107,108],{},"Prevents desktop-width rendering",[80,110,111,116,119],{},[98,112,113],{},[36,114,115],{},"initial-scale=1",[98,117,118],{},"No zoom on load",[98,120,121],{},"Starts at 1:1 pixel ratio",[80,123,124,129,132],{},[98,125,126],{},[36,127,128],{},"maximum-scale=5",[98,130,131],{},"Allows zoom up to 5×",[98,133,134],{},"Accessibility-friendly — never set to 1",[80,136,137,142,145],{},[98,138,139],{},[36,140,141],{},"user-scalable=no",[98,143,144],{},"Disables pinch zoom",[98,146,147,151],{},[148,149,150],"strong",{},"Avoid"," — violates WCAG accessibility",[15,153,154,157,158,161,162,164],{},[148,155,156],{},"Never disable user scaling."," Users with visual impairments rely on pinch-to-zoom. Setting ",[36,159,160],{},"maximum-scale=1"," or ",[36,163,141],{}," breaks accessibility and can hurt your search ranking.",[10,166,168],{"id":167},"theme-color","Theme Color",[15,170,171,172,174],{},"The ",[36,173,167],{}," meta tag sets the browser chrome color — the address bar on Chrome for Android, the status bar on Samsung Internet, and the title bar on desktop Edge.",[29,176,178],{"className":31,"code":177,"language":33,"meta":34,"style":34},"\u003Cmeta name=\"theme-color\" content=\"#2563EB\">\n",[36,179,180],{"__ignoreMap":34},[39,181,182,184,186,188,190,193,195,197,200],{"class":41,"line":42},[39,183,46],{"class":45},[39,185,50],{"class":49},[39,187,54],{"class":53},[39,189,57],{"class":45},[39,191,192],{"class":60},"\"theme-color\"",[39,194,64],{"class":53},[39,196,57],{"class":45},[39,198,199],{"class":60},"\"#2563EB\"",[39,201,72],{"class":45},[15,203,204],{},"Tips:",[206,207,208,212,215],"ul",{},[209,210,211],"li",{},"Match your brand's primary color",[209,213,214],{},"You can change it dynamically with JavaScript based on the current page theme",[209,216,217,218,221],{},"Provide a ",[36,219,220],{},"media"," attribute for dark mode:",[29,223,225],{"className":31,"code":224,"language":33,"meta":34,"style":34},"\u003Cmeta name=\"theme-color\" content=\"#2563EB\" media=\"(prefers-color-scheme: light)\">\n\u003Cmeta name=\"theme-color\" content=\"#1E40AF\" media=\"(prefers-color-scheme: dark)\">\n",[36,226,227,255],{"__ignoreMap":34},[39,228,229,231,233,235,237,239,241,243,245,248,250,253],{"class":41,"line":42},[39,230,46],{"class":45},[39,232,50],{"class":49},[39,234,54],{"class":53},[39,236,57],{"class":45},[39,238,192],{"class":60},[39,240,64],{"class":53},[39,242,57],{"class":45},[39,244,199],{"class":60},[39,246,247],{"class":53}," media",[39,249,57],{"class":45},[39,251,252],{"class":60},"\"(prefers-color-scheme: light)\"",[39,254,72],{"class":45},[39,256,258,260,262,264,266,268,270,272,275,277,279,282],{"class":41,"line":257},2,[39,259,46],{"class":45},[39,261,50],{"class":49},[39,263,54],{"class":53},[39,265,57],{"class":45},[39,267,192],{"class":60},[39,269,64],{"class":53},[39,271,57],{"class":45},[39,273,274],{"class":60},"\"#1E40AF\"",[39,276,247],{"class":53},[39,278,57],{"class":45},[39,280,281],{"class":60},"\"(prefers-color-scheme: dark)\"",[39,283,72],{"class":45},[10,285,287],{"id":286},"apple-specific-meta-tags","Apple-Specific Meta Tags",[15,289,290],{},"iOS treats home-screen bookmarks differently from Android. Safari requires its own set of meta tags for standalone mode appearance.",[292,293,294],"h3",{"id":294},"apple-mobile-web-app-capable",[15,296,297],{},"Makes the app run in standalone mode — no Safari UI when launched from the home screen:",[29,299,301],{"className":31,"code":300,"language":33,"meta":34,"style":34},"\u003Cmeta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n",[36,302,303],{"__ignoreMap":34},[39,304,305,307,309,311,313,316,318,320,323],{"class":41,"line":42},[39,306,46],{"class":45},[39,308,50],{"class":49},[39,310,54],{"class":53},[39,312,57],{"class":45},[39,314,315],{"class":60},"\"apple-mobile-web-app-capable\"",[39,317,64],{"class":53},[39,319,57],{"class":45},[39,321,322],{"class":60},"\"yes\"",[39,324,72],{"class":45},[292,326,327],{"id":327},"apple-mobile-web-app-status-bar-style",[15,329,330],{},"Controls the status bar appearance in standalone mode:",[74,332,333,342],{},[77,334,335],{},[80,336,337,339],{},[83,338,88],{},[83,340,341],{},"Effect",[93,343,344,354,364],{},[80,345,346,351],{},[98,347,348],{},[36,349,350],{},"default",[98,352,353],{},"White status bar, normal appearance",[80,355,356,361],{},[98,357,358],{},[36,359,360],{},"black",[98,362,363],{},"Black status bar",[80,365,366,371],{},[98,367,368],{},[36,369,370],{},"black-translucent",[98,372,373],{},"Transparent — content extends behind the bar",[29,375,377],{"className":31,"code":376,"language":33,"meta":34,"style":34},"\u003Cmeta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\n",[36,378,379],{"__ignoreMap":34},[39,380,381,383,385,387,389,392,394,396,399],{"class":41,"line":42},[39,382,46],{"class":45},[39,384,50],{"class":49},[39,386,54],{"class":53},[39,388,57],{"class":45},[39,390,391],{"class":60},"\"apple-mobile-web-app-status-bar-style\"",[39,393,64],{"class":53},[39,395,57],{"class":45},[39,397,398],{"class":60},"\"black-translucent\"",[39,400,72],{"class":45},[15,402,403,404,406],{},"When using ",[36,405,370],{},", add top padding to your content — otherwise it hides behind the status bar.",[292,408,409],{"id":409},"apple-mobile-web-app-title",[15,411,412],{},"Sets the short name under the home screen icon (12 characters max recommended):",[29,414,416],{"className":31,"code":415,"language":33,"meta":34,"style":34},"\u003Cmeta name=\"apple-mobile-web-app-title\" content=\"ToolBoxes\">\n",[36,417,418],{"__ignoreMap":34},[39,419,420,422,424,426,428,431,433,435,438],{"class":41,"line":42},[39,421,46],{"class":45},[39,423,50],{"class":49},[39,425,54],{"class":53},[39,427,57],{"class":45},[39,429,430],{"class":60},"\"apple-mobile-web-app-title\"",[39,432,64],{"class":53},[39,434,57],{"class":45},[39,436,437],{"class":60},"\"ToolBoxes\"",[39,439,72],{"class":45},[292,441,442],{"id":442},"apple-touch-icon",[15,444,445],{},"Specifies the home screen icon. Provide multiple sizes for different devices:",[29,447,449],{"className":31,"code":448,"language":33,"meta":34,"style":34},"\u003Clink rel=\"apple-touch-icon\" href=\"\u002Ficons\u002Ficon-180.png\">\n\u003Clink rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"\u002Ficons\u002Ficon-152.png\">\n\u003Clink rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\u002Ficons\u002Ficon-180.png\">\n",[36,450,451,476,505],{"__ignoreMap":34},[39,452,453,455,458,461,463,466,469,471,474],{"class":41,"line":42},[39,454,46],{"class":45},[39,456,457],{"class":49},"link",[39,459,460],{"class":53}," rel",[39,462,57],{"class":45},[39,464,465],{"class":60},"\"apple-touch-icon\"",[39,467,468],{"class":53}," href",[39,470,57],{"class":45},[39,472,473],{"class":60},"\"\u002Ficons\u002Ficon-180.png\"",[39,475,72],{"class":45},[39,477,478,480,482,484,486,488,491,493,496,498,500,503],{"class":41,"line":257},[39,479,46],{"class":45},[39,481,457],{"class":49},[39,483,460],{"class":53},[39,485,57],{"class":45},[39,487,465],{"class":60},[39,489,490],{"class":53}," sizes",[39,492,57],{"class":45},[39,494,495],{"class":60},"\"152x152\"",[39,497,468],{"class":53},[39,499,57],{"class":45},[39,501,502],{"class":60},"\"\u002Ficons\u002Ficon-152.png\"",[39,504,72],{"class":45},[39,506,508,510,512,514,516,518,520,522,525,527,529,531],{"class":41,"line":507},3,[39,509,46],{"class":45},[39,511,457],{"class":49},[39,513,460],{"class":53},[39,515,57],{"class":45},[39,517,465],{"class":60},[39,519,490],{"class":53},[39,521,57],{"class":45},[39,523,524],{"class":60},"\"180x180\"",[39,526,468],{"class":53},[39,528,57],{"class":45},[39,530,473],{"class":60},[39,532,72],{"class":45},[15,534,535],{},"iOS automatically adds rounded corners and the superellipse mask — supply a plain square PNG.",[10,537,539],{"id":538},"web-app-manifest","Web App Manifest",[15,541,542,543,546],{},"While not a meta tag, the ",[36,544,545],{},"manifest.json"," file is the modern standard for PWA configuration. It replaces many older meta tags on Android and Chrome:",[29,548,552],{"className":549,"code":550,"language":551,"meta":34,"style":34},"language-json shiki shiki-themes github-light github-dark","{\n  \"name\": \"ToolBoxes — Free Online Developer Tools\",\n  \"short_name\": \"ToolBoxes\",\n  \"start_url\": \"\u002F\",\n  \"display\": \"standalone\",\n  \"background_color\": \"#FFFFFF\",\n  \"theme_color\": \"#2563EB\",\n  \"icons\": [\n    { \"src\": \"\u002Ficons\u002Ficon-192.png\", \"sizes\": \"192x192\", \"type\": \"image\u002Fpng\" },\n    { \"src\": \"\u002Ficons\u002Ficon-512.png\", \"sizes\": \"512x512\", \"type\": \"image\u002Fpng\" }\n  ]\n}\n","json",[36,553,554,559,574,585,598,611,624,636,645,683,715,721],{"__ignoreMap":34},[39,555,556],{"class":41,"line":42},[39,557,558],{"class":45},"{\n",[39,560,561,565,568,571],{"class":41,"line":257},[39,562,564],{"class":563},"sj4cs","  \"name\"",[39,566,567],{"class":45},": ",[39,569,570],{"class":60},"\"ToolBoxes — Free Online Developer Tools\"",[39,572,573],{"class":45},",\n",[39,575,576,579,581,583],{"class":41,"line":507},[39,577,578],{"class":563},"  \"short_name\"",[39,580,567],{"class":45},[39,582,437],{"class":60},[39,584,573],{"class":45},[39,586,588,591,593,596],{"class":41,"line":587},4,[39,589,590],{"class":563},"  \"start_url\"",[39,592,567],{"class":45},[39,594,595],{"class":60},"\"\u002F\"",[39,597,573],{"class":45},[39,599,601,604,606,609],{"class":41,"line":600},5,[39,602,603],{"class":563},"  \"display\"",[39,605,567],{"class":45},[39,607,608],{"class":60},"\"standalone\"",[39,610,573],{"class":45},[39,612,614,617,619,622],{"class":41,"line":613},6,[39,615,616],{"class":563},"  \"background_color\"",[39,618,567],{"class":45},[39,620,621],{"class":60},"\"#FFFFFF\"",[39,623,573],{"class":45},[39,625,627,630,632,634],{"class":41,"line":626},7,[39,628,629],{"class":563},"  \"theme_color\"",[39,631,567],{"class":45},[39,633,199],{"class":60},[39,635,573],{"class":45},[39,637,639,642],{"class":41,"line":638},8,[39,640,641],{"class":563},"  \"icons\"",[39,643,644],{"class":45},": [\n",[39,646,648,651,654,656,659,662,665,667,670,672,675,677,680],{"class":41,"line":647},9,[39,649,650],{"class":45},"    { ",[39,652,653],{"class":563},"\"src\"",[39,655,567],{"class":45},[39,657,658],{"class":60},"\"\u002Ficons\u002Ficon-192.png\"",[39,660,661],{"class":45},", ",[39,663,664],{"class":563},"\"sizes\"",[39,666,567],{"class":45},[39,668,669],{"class":60},"\"192x192\"",[39,671,661],{"class":45},[39,673,674],{"class":563},"\"type\"",[39,676,567],{"class":45},[39,678,679],{"class":60},"\"image\u002Fpng\"",[39,681,682],{"class":45}," },\n",[39,684,686,688,690,692,695,697,699,701,704,706,708,710,712],{"class":41,"line":685},10,[39,687,650],{"class":45},[39,689,653],{"class":563},[39,691,567],{"class":45},[39,693,694],{"class":60},"\"\u002Ficons\u002Ficon-512.png\"",[39,696,661],{"class":45},[39,698,664],{"class":563},[39,700,567],{"class":45},[39,702,703],{"class":60},"\"512x512\"",[39,705,661],{"class":45},[39,707,674],{"class":563},[39,709,567],{"class":45},[39,711,679],{"class":60},[39,713,714],{"class":45}," }\n",[39,716,718],{"class":41,"line":717},11,[39,719,720],{"class":45},"  ]\n",[39,722,724],{"class":41,"line":723},12,[39,725,726],{"class":45},"}\n",[15,728,729],{},"Link it from your HTML:",[29,731,733],{"className":31,"code":732,"language":33,"meta":34,"style":34},"\u003Clink rel=\"manifest\" href=\"\u002Fmanifest.json\">\n",[36,734,735],{"__ignoreMap":34},[39,736,737,739,741,743,745,748,750,752,755],{"class":41,"line":42},[39,738,46],{"class":45},[39,740,457],{"class":49},[39,742,460],{"class":53},[39,744,57],{"class":45},[39,746,747],{"class":60},"\"manifest\"",[39,749,468],{"class":53},[39,751,57],{"class":45},[39,753,754],{"class":60},"\"\u002Fmanifest.json\"",[39,756,72],{"class":45},[292,758,760],{"id":759},"display-modes","Display modes",[74,762,763,773],{},[77,764,765],{},[80,766,767,770],{},[83,768,769],{},"Mode",[83,771,772],{},"Behavior",[93,774,775,785,795,805],{},[80,776,777,782],{},[98,778,779],{},[36,780,781],{},"browser",[98,783,784],{},"Normal browser chrome (default)",[80,786,787,792],{},[98,788,789],{},[36,790,791],{},"standalone",[98,793,794],{},"App-like — no address bar, keeps status bar",[80,796,797,802],{},[98,798,799],{},[36,800,801],{},"minimal-ui",[98,803,804],{},"Some navigation controls",[80,806,807,812],{},[98,808,809],{},[36,810,811],{},"fullscreen",[98,813,814],{},"No browser UI at all — games and kiosks",[10,816,818],{"id":817},"format-detection-meta-tags","Format Detection Meta Tags",[15,820,821],{},"Mobile browsers auto-detect phone numbers, addresses, and dates, turning them into links. This can break your layout or link to wrong actions.",[29,823,825],{"className":31,"code":824,"language":33,"meta":34,"style":34},"\u003C!-- Disable all auto-detection -->\n\u003Cmeta name=\"format-detection\" content=\"telephone=no\">\n\n\u003C!-- Selective control -->\n\u003Cmeta name=\"format-detection\" content=\"telephone=no, email=no, address=no\">\n",[36,826,827,833,855,861,866],{"__ignoreMap":34},[39,828,829],{"class":41,"line":42},[39,830,832],{"class":831},"sJ8bj","\u003C!-- Disable all auto-detection -->\n",[39,834,835,837,839,841,843,846,848,850,853],{"class":41,"line":257},[39,836,46],{"class":45},[39,838,50],{"class":49},[39,840,54],{"class":53},[39,842,57],{"class":45},[39,844,845],{"class":60},"\"format-detection\"",[39,847,64],{"class":53},[39,849,57],{"class":45},[39,851,852],{"class":60},"\"telephone=no\"",[39,854,72],{"class":45},[39,856,857],{"class":41,"line":507},[39,858,860],{"emptyLinePlaceholder":859},true,"\n",[39,862,863],{"class":41,"line":587},[39,864,865],{"class":831},"\u003C!-- Selective control -->\n",[39,867,868,870,872,874,876,878,880,882,885],{"class":41,"line":600},[39,869,46],{"class":45},[39,871,50],{"class":49},[39,873,54],{"class":53},[39,875,57],{"class":45},[39,877,845],{"class":60},[39,879,64],{"class":53},[39,881,57],{"class":45},[39,883,884],{"class":60},"\"telephone=no, email=no, address=no\"",[39,886,72],{"class":45},[15,888,889],{},"Only use these if auto-detection causes problems. Otherwise, leave detection enabled — users expect clickable phone numbers.",[10,891,893],{"id":892},"complete-mobile-head-template","Complete Mobile Head Template",[29,895,897],{"className":31,"code":896,"language":33,"meta":34,"style":34},"\u003Chead>\n  \u003C!-- Viewport -->\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n  \u003C!-- Theme color -->\n  \u003Cmeta name=\"theme-color\" content=\"#2563EB\" media=\"(prefers-color-scheme: light)\">\n  \u003Cmeta name=\"theme-color\" content=\"#1E40AF\" media=\"(prefers-color-scheme: dark)\">\n\n  \u003C!-- iOS standalone mode -->\n  \u003Cmeta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n  \u003Cmeta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\n  \u003Cmeta name=\"apple-mobile-web-app-title\" content=\"ToolBoxes\">\n\n  \u003C!-- Icons -->\n  \u003Clink rel=\"apple-touch-icon\" href=\"\u002Ficons\u002Ficon-180.png\">\n  \u003Clink rel=\"manifest\" href=\"\u002Fmanifest.json\">\n\n  \u003C!-- Format detection -->\n  \u003Cmeta name=\"format-detection\" content=\"telephone=no\">\n\u003C\u002Fhead>\n",[36,898,899,908,913,934,938,943,969,995,999,1004,1024,1044,1064,1069,1075,1096,1117,1122,1128,1149],{"__ignoreMap":34},[39,900,901,903,906],{"class":41,"line":42},[39,902,46],{"class":45},[39,904,905],{"class":49},"head",[39,907,72],{"class":45},[39,909,910],{"class":41,"line":257},[39,911,912],{"class":831},"  \u003C!-- Viewport -->\n",[39,914,915,918,920,922,924,926,928,930,932],{"class":41,"line":507},[39,916,917],{"class":45},"  \u003C",[39,919,50],{"class":49},[39,921,54],{"class":53},[39,923,57],{"class":45},[39,925,61],{"class":60},[39,927,64],{"class":53},[39,929,57],{"class":45},[39,931,69],{"class":60},[39,933,72],{"class":45},[39,935,936],{"class":41,"line":587},[39,937,860],{"emptyLinePlaceholder":859},[39,939,940],{"class":41,"line":600},[39,941,942],{"class":831},"  \u003C!-- Theme color -->\n",[39,944,945,947,949,951,953,955,957,959,961,963,965,967],{"class":41,"line":613},[39,946,917],{"class":45},[39,948,50],{"class":49},[39,950,54],{"class":53},[39,952,57],{"class":45},[39,954,192],{"class":60},[39,956,64],{"class":53},[39,958,57],{"class":45},[39,960,199],{"class":60},[39,962,247],{"class":53},[39,964,57],{"class":45},[39,966,252],{"class":60},[39,968,72],{"class":45},[39,970,971,973,975,977,979,981,983,985,987,989,991,993],{"class":41,"line":626},[39,972,917],{"class":45},[39,974,50],{"class":49},[39,976,54],{"class":53},[39,978,57],{"class":45},[39,980,192],{"class":60},[39,982,64],{"class":53},[39,984,57],{"class":45},[39,986,274],{"class":60},[39,988,247],{"class":53},[39,990,57],{"class":45},[39,992,281],{"class":60},[39,994,72],{"class":45},[39,996,997],{"class":41,"line":638},[39,998,860],{"emptyLinePlaceholder":859},[39,1000,1001],{"class":41,"line":647},[39,1002,1003],{"class":831},"  \u003C!-- iOS standalone mode -->\n",[39,1005,1006,1008,1010,1012,1014,1016,1018,1020,1022],{"class":41,"line":685},[39,1007,917],{"class":45},[39,1009,50],{"class":49},[39,1011,54],{"class":53},[39,1013,57],{"class":45},[39,1015,315],{"class":60},[39,1017,64],{"class":53},[39,1019,57],{"class":45},[39,1021,322],{"class":60},[39,1023,72],{"class":45},[39,1025,1026,1028,1030,1032,1034,1036,1038,1040,1042],{"class":41,"line":717},[39,1027,917],{"class":45},[39,1029,50],{"class":49},[39,1031,54],{"class":53},[39,1033,57],{"class":45},[39,1035,391],{"class":60},[39,1037,64],{"class":53},[39,1039,57],{"class":45},[39,1041,398],{"class":60},[39,1043,72],{"class":45},[39,1045,1046,1048,1050,1052,1054,1056,1058,1060,1062],{"class":41,"line":723},[39,1047,917],{"class":45},[39,1049,50],{"class":49},[39,1051,54],{"class":53},[39,1053,57],{"class":45},[39,1055,430],{"class":60},[39,1057,64],{"class":53},[39,1059,57],{"class":45},[39,1061,437],{"class":60},[39,1063,72],{"class":45},[39,1065,1067],{"class":41,"line":1066},13,[39,1068,860],{"emptyLinePlaceholder":859},[39,1070,1072],{"class":41,"line":1071},14,[39,1073,1074],{"class":831},"  \u003C!-- Icons -->\n",[39,1076,1078,1080,1082,1084,1086,1088,1090,1092,1094],{"class":41,"line":1077},15,[39,1079,917],{"class":45},[39,1081,457],{"class":49},[39,1083,460],{"class":53},[39,1085,57],{"class":45},[39,1087,465],{"class":60},[39,1089,468],{"class":53},[39,1091,57],{"class":45},[39,1093,473],{"class":60},[39,1095,72],{"class":45},[39,1097,1099,1101,1103,1105,1107,1109,1111,1113,1115],{"class":41,"line":1098},16,[39,1100,917],{"class":45},[39,1102,457],{"class":49},[39,1104,460],{"class":53},[39,1106,57],{"class":45},[39,1108,747],{"class":60},[39,1110,468],{"class":53},[39,1112,57],{"class":45},[39,1114,754],{"class":60},[39,1116,72],{"class":45},[39,1118,1120],{"class":41,"line":1119},17,[39,1121,860],{"emptyLinePlaceholder":859},[39,1123,1125],{"class":41,"line":1124},18,[39,1126,1127],{"class":831},"  \u003C!-- Format detection -->\n",[39,1129,1131,1133,1135,1137,1139,1141,1143,1145,1147],{"class":41,"line":1130},19,[39,1132,917],{"class":45},[39,1134,50],{"class":49},[39,1136,54],{"class":53},[39,1138,57],{"class":45},[39,1140,845],{"class":60},[39,1142,64],{"class":53},[39,1144,57],{"class":45},[39,1146,852],{"class":60},[39,1148,72],{"class":45},[39,1150,1152,1155,1157],{"class":41,"line":1151},20,[39,1153,1154],{"class":45},"\u003C\u002F",[39,1156,905],{"class":49},[39,1158,72],{"class":45},[10,1160,1162],{"id":1161},"key-takeaways","Key Takeaways",[206,1164,1165,1168,1171,1177,1180,1183,1186],{},[209,1166,1167],{},"The viewport meta tag is essential — never omit it from a mobile page",[209,1169,1170],{},"Never disable user scaling — it breaks accessibility",[209,1172,1173,1174,1176],{},"Use ",[36,1175,167],{}," to match your brand across browser chrome",[209,1178,1179],{},"Apple requires its own meta tags for standalone mode — the manifest alone is not enough",[209,1181,1182],{},"Provide multiple apple-touch-icon sizes for different iOS devices",[209,1184,1185],{},"The Web App Manifest replaces many meta tags for Android\u002FChrome but works alongside Apple-specific tags",[209,1187,1188],{},"Disable format detection only when it causes layout issues",[10,1190,1192],{"id":1191},"related-guides","Related Guides",[206,1194,1195,1202,1208],{},[209,1196,1197],{},[1198,1199,1201],"a",{"href":1200},"\u002Fguides\u002Fmeta-tag-generator-guide","Meta Tag Generator Guide",[209,1203,1204],{},[1198,1205,1207],{"href":1206},"\u002Fguides\u002Fopen-graph-tags-guide","Open Graph Tags Guide",[209,1209,1210],{},[1198,1211,1213],{"href":1212},"\u002Fguides\u002Ftwitter-card-meta-tags-guide","Twitter Card Meta Tags Complete Guide",[10,1215,1217],{"id":1216},"try-it-yourself","Try It Yourself",[15,1219,1220,1221,1225],{},"Generate viewport, theme-color, Apple, and manifest meta tags all at once with our free ",[1198,1222,1224],{"href":1223},"\u002Ftools\u002Fmeta-tag-generator","Meta Tag Generator",". Fill in your app details and copy the production-ready HTML snippet.",[1227,1228,1229],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":34,"searchDepth":257,"depth":257,"links":1231},[1232,1233,1234,1235,1241,1244,1245,1246,1247,1248],{"id":12,"depth":257,"text":13},{"id":23,"depth":257,"text":24},{"id":167,"depth":257,"text":168},{"id":286,"depth":257,"text":287,"children":1236},[1237,1238,1239,1240],{"id":294,"depth":507,"text":294},{"id":327,"depth":507,"text":327},{"id":409,"depth":507,"text":409},{"id":442,"depth":507,"text":442},{"id":538,"depth":257,"text":539,"children":1242},[1243],{"id":759,"depth":507,"text":760},{"id":817,"depth":257,"text":818},{"id":892,"depth":257,"text":893},{"id":1161,"depth":257,"text":1162},{"id":1191,"depth":257,"text":1192},{"id":1216,"depth":257,"text":1217},"2026-05-28","Essential meta tags for progressive web apps and mobile-optimized sites — viewport, theme-color, apple-mobile-web-app, manifest, and more.","md",{"immutable":859},"\u002Fguides\u002Fmeta-tags-mobile-web-apps",{"title":5,"description":1250},"guides\u002Fmeta-tags-mobile-web-apps","AuOd1NDPr4RH2lJ8k8qH7GopuwAQsU1oYrz-NQCLIB8",1780401335328]