wordpress中的Html响应图像映射

我对响应图像的地图有问题。我已经插入了所有的百分位值，但当我打开文章wordpress时，链接会出现在所有页面中（不仅仅是图像中）。 这是问题的url: 这就是代码：

<img src="https://www.image-maps.com/m/private/0/eq4hfs8hr5cbgghl16ob5c28up_fattorie-carmignano.jpg" usemap="#imm" width="100%">
<map name="imm">
<a href="castelvecchio" title="Castelvecchio" style="position: absolute; left: 24.1%; top: 2.8%; width: 31%; height: 36%; z-index: 2;"></a>
<a href="artimino" title="Tenuta di Artimino" style="position: absolute; left: 0.4%; top: 1.8%; width: 22.1%; height: 21.2%; z-index: 2;"></a>
<a href="capezzana" title="Capezzana" style="position: absolute; left: 2.3%; top: 26.2%; width: 18%; height: 36%; z-index: 2;"></a><a href="sassolo" title="Il Sassolo" style="position: absolute; left: 58.8%; top: 6.6%; width: 14.5%; height: 28.4%; z-index: 2;"></a>
<a href="piaggia" title="Piaggia" style="position: absolute; left: 79.9%; top: 5%; width: 13.2%; height: 36%; z-index: 2;"></a><a href="pierazzuoli" title="Tenute Pierazzuoli" style="position: absolute; left: 33.6%; top: 62.8%; width: 21.3%; height: 36%; z-index: 2;"></a>
<a href="allocco" title="Podere Allocco" style="position: absolute; left: 80.6%; top: 53.6%; width: 17.6%; height: 41%; z-index: 2;"></a>
<a href="ambra" title="Fattoria Ambra" style="position: absolute; left: 24.1%; top: 39.8%; width: 30.2%; height: 20.2%; z-index: 2;"></a>
<a href="sanbiagio" title="Colline San Biagio" style="position: absolute; left: 1.4%; top: 67.4%; width: 30.2%; height: 29.6%; z-index: 2;"></a>
<a href="borriana" title="Tenuta La Borriana" style="position: absolute; left: 57.5%; top: 36.4%; width: 22.1%; height: 33.2%; z-index: 2;"></a>
<a href="pratesi" title="Pratesi" style="position: absolute; left: 55.9%; top: 75.6%; width: 24.2%; height: 22.4%; z-index: 2;"></a>
</map>

有人能帮我解决问题吗