Mengatasi Deskripsi Blog tidak Muncul di Media Sosial

Cara mengatasi deskripsi blog kita yang tidak muncul saat kita bagikan ke media sosial seperti facebook, G+ dan media soisal lainnya. 

Pada blog mozalora ini, sebelumnya mengalami hal seperti ini(deskripsi tidak muncul saat saya bagikan ke media sosial), setelah saya cari tahu dengan membandingkan blog saya yang lain yang deskripsinya bisa muncul saat saya bagikan ke media sosial, ternyata ada kekurangan scip untuk deskripsinya. Scrip ini diletakan di bawah div class='post-header-line-1'/>.

Gambar1. Sebelum dimodifikasi

Berikut langkah-langkah untuk mengatasinya:

 1. Login ke blog

 2. Masuk ke tempalate blog

3. Cari koding /scrip post-header-line-1, mungkin di blog anda terdapat 2 ataupun 3 scip tersebut, scip yg akan di modif yaitu scip/koding yang ke dua.

Tampilan koding sebelum di modif seperti ini:

<div class='post-header'>

<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div style='float:left;padding-top:10px'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
</div>
<div class='readmorecontent'><a expr:href='data:post.url'>Read more &#187;</a></div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

dan ada yang seperti ini:

<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
</b:if>
</b:if>

 4. Ubah koding diatas menjadi seperti dibawah ini (sesuaikan dengan koding template blog sobat):

<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div style='float:left;padding-top:10px'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
</div>
<div class='readmorecontent'><a expr:href='data:post.url'>Read more &#187;</a></div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/><data:post.body/></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

atau seperti ini (untuk koding yang ke dua pada langkah ke 3) disesuaikan dengan koding/script html pada template blog anda.

<div class='post-header'>
<div class='post-header-line-1'/>
    </div>
<b:if cond='data:blog.metaDescription == &quot;&quot;'>
<!-- Then use the post body as the schema.org description,  for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>

5. Simpan blog sobat.

Gambar2. Setelah dimodifikasi

Tambahan: Agar hasilnya sempurna, sebaiknya artikel anda jangan di awali dengan gambar.