title: Adding Apple Icon To Website
body: <p>I have tested my site with Woorank and shows a warning about missing of the Apple Icon.</p>
  
  <p>I have searched but I'm not sure how to include this icon, I have found this code </p>
  
  <pre><code>&lt;link rel="apple-touch-icon-precomposed" href="apple-touch-iphone.png" /&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-ipad.png" /&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-iphone4.png" /&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-ipad-retina.png" /&gt;
  </code></pre>
  
  <p>Must I include these lines in the head in the same way of the standard favicon? (My website is in HTML5)</p>
  
  <p>What is the resolution of the first images in these lines <em>"apple-touch-iphone.png"</em></p>