Early Access
mobile-web-app-capable
Learn how to use the mobile-web-app-capable meta tag to improve your site.
Indicates to mobile browsers that the website can be run as a standalone application when added to the user’s home screen, offering a more app-like user experience.
Parameters
<meta name="mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="no" />
Code Examples
<meta name="mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="no" />
Recommendations
- Combine with Apple-Specific TagsFor comprehensive support across platforms, combine "mobile-web-app-capable" with "apple-mobile-web-app-capable" and "apple-mobile-web-app-status-bar-style" meta tags to enhance the user experience on iOS devices.
- Design Responsive and App-Like UIEnsure the website has a responsive design and an app-like user interface to provide a seamless experience when used as a standalone app. This includes correctly setting viewport and handling touch events.
Related Documentation
Related Meta Tags
apple-itunes-app
Promotes an iOS app on Apple’s App Store directly within the Safari browser. When added to a web page, it triggers a banner suggesting users to install the app.
<meta name="apple-itunes-app" content="app-id=123456789">
Specifies whether a web application runs in full-screen mode when added to the homescreen of an Apple device.
<meta name="apple-mobile-web-app-capable" content="yes">
Specifies the style of the status bar for a web application when added to the homescreen of an iOS device. This meta tag influences the appearance of the status bar to either match the web app design or maintain the default iOS style.
<meta name="apple-mobile-web-app-status-bar-style" content="default">
Provides a custom title for a web application when added to the home screen on Apple iOS devices. This title appears below the app icon, offering more control over branding and user interface.
<meta name="apple-mobile-web-app-title" content="MyApp">
Indicates to mobile browsers that the website can be run as a standalone application when added to the user’s home screen, offering a more app-like user experience.
<meta name="mobile-web-app-capable" content="yes">
Community