Thái AiTi Academy | Trung tâm dào t?o thi?t k? Web, SEO, ReMarketing, Photoshop

00:00 - 14/8/16

Tự động tạo thuộc tính alt và title cho Website/Blogspot chuẩn SEO

    Thủ thuật sau đây nhằm giúp bạn tự động tạo ra các thuộc tính Alt và Title cải thiện SEOcho Website/Blogspot, Đây là 1 đoạn JavaScrip rất gọn nhẹ, khi bạn tích hợp vào Website của bạn, nó sẽ tự động thêm các thuộc tính Alt và Title bằng chính tên File ảnh nhé. Vậy nên, các bạn muốn theo ý mình thì tốt nhất nên Đặt tên File ảnh lại nhé.


    Tự động tạo thuộc tính alt và title cho Website/Blogspot chuẩn SEO

    Ví dụ: Mình có 1 File ảnh là anh_tac_gia_thaiaiti.jpg thì khi đó Alt và Title sẽ hiển thị làanh_tac_gia_thaiaiti


    Tự động tạo thuộc tính alt và title cho Website/Blogspot chuẩn SEO

    Cách thực hiện thủ thuật này khá đơn giản, bạn chỉ cần chèn đoạn Code sau trên</head>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.6.4' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function() {
    $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
    });
    });
    //]]>
    </script>
    -  Với các thuộc tính Alt và Title, ở bài sau ThaiAiTi sẽ hướng dẫn các bạn thêm 1 cách đặt 2 thẻ này 1 cách thủ công nhưng cực kỳ hiệu quả và chuẩn Seo Google nhé. Bạn xem bài sau tại đây 

Không có nhận xét nào: