Apple Mobile SEO MetaData

How can this be added in Blocs 3 or any other MetaData?

  <!-- Lets get mobile -->
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta content="True" name="HandheldFriendly"/>
  <meta id="viewport-tag" name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1, minimal-ui, shrink-to-fit=no"/>

  <!-- Favicons and Apple Touch Icons -->
  <link rel="" sizes="57x57" href="/assets/img/icons/-57x57.png?2">
  <link rel="" sizes="114x114" href="/assets/img/icons/-114x114.png?2">
  <link rel="" sizes="72x72" href="/assets/img/icons/-72x72.png?2">
  <link rel="" sizes="144x144" href="/assets/img/icons/-144x144.png?2">
  <link rel="" sizes="60x60" href="/assets/img/icons/-60x60.png?2">
  <link rel="" sizes="120x120" href="/assets/img/icons/-120x120.png?2">
  <link rel="" sizes="76x76" href="/assets/img/icons/-76x76.png?2">
  <link rel="" sizes="152x152" href="/assets/img/icons/-152x152.png?2">
  <link rel="icon" type="image/png" href="/assets/img/icons/favicon-196x196.png" sizes="196x196?2">
  <link rel="icon" type="image/png" href="/assets/img/icons/favicon-160x160.png" sizes="160x160?2">
  <link rel="icon" type="image/png" href="/assets/img/icons/favicon-96x96.png" sizes="96x96?2">
  <link rel="icon" type="image/png" href="/assets/img/icons/favicon-16x16.png" sizes="16x16?2">
  <link rel="icon" type="image/png" href="/assets/img/icons/favicon-32x32.png" sizes="32x32?2">
  <meta name="msapplication-TileColor" content="#cc0000">
  <meta name="msapplication-TileImage" content="/assets/img/icons/mstile-144x144.png?2">

Go to your page settings and click the Add Code button. Now just paste it in the Header area and click Done. I tend to use this area for favicons, Twitter Card and Facebook OpenGraph details. I then place structured data in the footer area.

2 Likes