Yazdığımız makaleler içerisine resim yada video gibi görsel eklemek seo açısından da oldukça önemlidir. Kullandığınız tema farklı resim boyutları oluşturarak, responsive özelliği ile farklı cihazlarda düzgün görüntülenmesini sağlayabilir. Fakat ya eklediğiniz videolar? Responsive mi?
WordPress tema seçimi konusunda responsive özelliğinin ne derece önemli olduğundan bahsetmiştim. Özellikle video içerikli makalelerin sosyal medya üzerinde en fazla paylaşım alan makale türlerinden olduğunu en önemli 6 seo kriteri içerisinde anlatmıştım.
Normal şartlarda video eklediğinizde responsive özelliği ile eklenmiyor. Yani youtube,dailmotion vb video sitelerinden embed kodu ile eklediğimiz videolar genelde sabit genişlikte oluyor. Fakat yapılacak küçük birkaç modifikasyon ile kullandığınız tema için videolarda responsive desteği eklemek mümkün.
Responsive Özellikli Video Nasıl Eklenir?
Kullandığımız temanın functions.php dosyasının en sonuna (?> etiketinden önce) aşağıdaki kodu ekliyoruz.
|
1
2
3
4
5
|
function
video_embed_html
(
$
html
)
{
return
'<div class="responsive-video">'
.
$
html
.
'</div>'
;
}
add_filter
(
'embed_oembed_html'
,
'video_embed_html'
,
10
,
3
)
;
add_filter
(
'video_embed_html'
,
'video_embed_html'
)
;
|
Son olarakta yine kullandığımız temanın css dosyasına aşağıdaki kodu ekliyoruz.
|
1
2
|
.
responsive
-
video
{
position
:
relative
;
padding
-
bottom
:
56.25
%
;
height
:
0
;
overflow
:
hidden
;
}
.
responsive
-
video
iframe
,
.
responsive
-
video
object
,
.
responsive
-
video
embed
,
.
responsive
-
video
video
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100
%
;
height
:
100
%
;
}
|
Yorum yapmak ister misin?