首先需要强调的一点是:有能力的最好做独立移动站点!

响应式网站虽然方便但是就纯SEO优化来说,再牛逼的响应式也比不上独立PC+独立移动的布局。

转入正题 响应式wordpress网站SEO注意要点之“图片自适应div大小。”

一般div的宽度固定之后,我们需要让插入的图片自适应div的大小,常用代码是酱紫的。

<div class="XXXXXXXX">
  <img src="img/0.jpg" width="100%" height="100%" />
</div>

晓涛在用了之后发现图片是自适应了,但是会超出实际图片的大小(max),于是尝试修改为

<div class="XXXXXXXX">
  <img src="img/0.jpg" width="100%" height="100%" style="max-height:图片最大高度; max-width:图片最大宽度"/>
</div>

举例(在弹出窗口插入自适应图片):

<div class="0">
<p style="text-align:center">
    <img src="http://vz37.com/wp-content/uploads/2017/05/90.png" width="100%" height="100%" style="max-height:415px; max-width:350px;" />
</p>
</div>

用此方法可以使新增图片适应原有div样式,并且不超过图片自身最大值。 具体应用案例的话,你遇到就明白了。

再次重申一遍,有条件有能力最好做独立移动站点,响应式的移动端优化是不如独立移动站点的。

(有人会问,那晓涛你自己怎么不搭独立移动站点?其实瞧瞧的告诉你 我已经在着手搭建了,只是目前还没开放而已