Blogger Header Meta Tags Update

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>

    <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:include data='blog' name='all-head-content'/>
 <title><b:if cond='data:blog.pageType == &quot;index&quot;'><data:blog.pageTitle/><b:else/><b:if cond='data:blog.pageType != &quot;error_page&quot;'><data:blog.pageName/> | <data:blog.title/><b:else/>404 | <data:blog.title/></b:if></b:if></title>

 <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  <meta property='og:description' expr:content='data:blog.metaDescription' />
 </b:if>
 <b:if cond='data:blog.postImageUrl != &quot;&quot;'>
  <meta expr:content='data:blog.postImageUrl' property='og:image'/>
 </b:if>