Script tự động lưu thẻ ALT và Title cho hình ảnh trong Website

Script này giúp bạn tích hợp tính năng tự động lưu thêm các thẻ ALT và Title vào Website của bạn cho đúng với chuẩn SEO một cách tự động và nhanh chóng. Đừng để việc thiếu các thẻ này làm cho việc tối ưu Onpage bị sai dẫn đến Google đánh giá thấp Website của bạn

Thẻ ALT và Title là gì - có tác dụng gì ?

Thẻ ALT và Title là 2 thẻ quan trọng trong tối ưu Website - Tối ưu SEO Onpage, việc thiếu 2 thẻ này là tương đối ảnh hưởng đến SEO vì đây là 2 thẻ cơ bản giúp Google đánh giá Website của bạn có đúng chuẩn hay chưa 

Thẻ Title là thẻ có thể nhìn thấy được bằng mắt một cách bình thường khi vào Website. Thẻ Title giúp người xem website biết được cơ bản và nhanh chóng về tấm hình họ đang xem muốn nói về chủ đề gì bằng cách hiện lên một đoạn Text do mình chỉ định

Để thấy được hình ảnh nào đã có thẻ Title rồi, bạn chỉ việc để con chuột máy tính đứng yên một chổ tại một tấm hình nào đó khoảng 3 giây mà thôi

Bạn để chuột tại tấm hình này vài giây, bạn sẽ thấy hiện lên đoạn Text, đó chính là thẻ Title trong hình

Script tự động lưu thẻ ALT và Title hoạt động ra sao ?

Bạn thường xuyên phải biên tập bài viết với rất nhiều hình ảnh cho mỗi bài viết, hoặc ít ra bạn cũng sẽ biên tập nhiều bài viết mỗi ngày, và mỗi bài cũng có nhiều hình ảnh bên trong thì việc phải thêm vào các thẻ ALT và Title cho hình ảnh để đúng với chuẩn SEO sẽ làm cho bạn thêm "nhiều việc", đôi khi lại quên. 

Việc sử dụng Script này để tích hợp vào Website của bạn sẽ tự động hoá cho việc lưu các thẻ trên vào bất kỳ hình ảnh nào đang có trong bài viết mà bạn đang soạn

Quy trình thực hiện việc này như sau

• Bạn tải script này về và tích hợp vào mã nguồn của bạn ( vui lòng xem tài liệu tích hợp tương ứng với từng mã nguồn )
• Khi bạn soạn thảo bài viết, khi bạn bấm save, script này tự động lấy Tiêu đề của bài viết đang soạn, và tự động lưu vào các hình ảnh đang có
• Thẻ ALT và thẻ Title sẽ tự động được lưu, nội dung lưu sẽ lấy theo tiêu đề của bài viết đang có
• Việc thay đổi tiêu đề, các thẻ sẽ tự thay đổi theo

Thông tin về đoạn script này 

Có cần cài đặt không và thông tin liên quan ?

Đây là script được viết trên nền PHP, tương thích với mọi phiên bản PHP

Đây là đoạn script không cần cài đặt ( theo cách cài đặt plugin thông thường ), mà cần tích hợp vào mã nguồn của Website theo tài liệu đính kèm

Tổng dung lượng của Script này ~ 70KB nên hoàn toàn không gây quá tải dung lượng Website. Hoàn toàn không yêu cầu việc chỉnh sửa Database hiện tại

Script này hoạt động được trong những mã nguồn nào ?

Script được viết bởi đội ngũ kỹ sư tại Saco Soft, tất cả các mã nguồn được viết bởi ngôn ngữ PHP đều có thể hoạt động được tốt và không gây ra bất kỳ lỗi nào sau khi tích hợp xong

Một số mã nguồn phổ biến

• Joomla: Script được tối ưu sẵn cho Joomla, nên bạn chỉ việc tải về, tích hợp theo tài liệu sẽ hoạt động ngay
• Wordpress: Cũng giống như Joomla, bạn chỉ việc tích hợp vào mà thôi
• Được viết bởi PHP thuần: Do mỗi kỹ sư lập trình sẽ viết theo cách khác nhau, nên bạn cần đọc lại nguyên lý của các dòng code tại hàm lưu bài viết, và tích hợp theo nguyên lý hoạt động của Script này là được

Chế độ hổ trợ ra sao khi sử dụng Script này ?

Để tích hợp được thuận lợi, chúng tôi khuyến khách bạn sử dụng chế độ hổ trợ tích hợp từ xa bởi kỹ sư của chúng tôi qua Teamview nếu bạn không tự làm được. Khi đó bạn vừa bảo mật tài khoản FTP của mình, vừa được xử lý nhanh chóng

Việc tích hợp được thực hiện không quá 5 phút cho mỗi lần hổ trợ. Để liên hệ hổ trợ, bạn vui lòng chát tại Fanpage công ty, hoặc liên hệ tổng đài bên dưới chân trang Website

Được hổ trợ bảo trì nếu có lỗi, hoặc sau khi bạn vô tình nâng cấp Website, hoặc các lỗi nào đó chưa phát sinh hiện tại

Được hổ trợ nâng cấp nếu script này được phát triển thêm sau này trong suốt quá trình sử dụng sẽ đảm bảo bạn luôn được nâng cấp những phiên bản mới nhất

Cách mua - Giá cả - và lo lắng liên quan

Làm thế nào để mua Script này ?

Bạn cần chát với chuyên viên tư vấn tại khung chát Fanpage góc dưới bên phải Website để được tư vấn và mua sản phẩm này.

Việc thanh toán, bạn vui lòng xem tại thông tin thanh toán bên dưới chân trang, và vui lòng thanh toán trực tiếp vào tài khoản công ty

Chúng tôi là công ty, nên việc thanh toán và cách thức thanh toán hết sức rõ ràng và minh bạch

Sau khi thanh toán, vui lòng chụp hình gửi cho nhân viên tư vấn qua chát để được kích hoạt và bàn giao, cũng như hổ trợ tích hợp. Việc hổ trợ tích hợp tối đa 4h làm việc hoặc sớm hơn

Biểu phí dịch vụ cho Script này như sau

• Phí mua Script 1 lần, hổ trợ trọn đời: 300,000 vnđ / 1 lần duy nhất
• Phí hổ trợ qua Teamview để hổ trợ tích hợp nhanh: 50,000 vnđ / 1 lần duy nhất

Không có lo lắng liên quan nào cho bạn

Hoàn toàn không có sự lo lắng nào dành cho bạn, script này được viết bởi PHP, và code hoàn toàn sạch ( code không mã hoá, bất kỳ ai cũng đọc được ) nên không lo lắng vấn đề mất cắp dữ liệu

Việc hổ trợ tích hợp qua Teamview, Ultraview, nên bạn không cần gửi FTP và lo lắng mất mã nguồn Website

Code này rất nhẹ, sẽ không ảnh hưởng bất kỳ điều gì đến sự hoạt động của Website của bạn

Chế độ hoàn tiền 100% trong vòng 1 tháng nếu bạn không hài lòng

Những mẹo và khái niệm hay bạn cần biết để tối ưu thẻ ALT và Title được hiệu quả

Cách hoạt động của thẻ ALT

Theo Wikipedia, chữ ALT được viết tắt bởi chữ như sau "Alternative text for images", theo Tiếng Việt có nghĩa là "Văn bản thay thế cho hình ảnh"

Theo cách hiểu theo nghĩa đen chúng ta dễ dàng nhận ra, thẻ ALT có tác dụng để hiển thị chữ thay thế cho tấm hình tương ứng, trong rất nhiều trường hợp, hình ảnh bị lỗi, bị mất, hoặc mạng Internet chậm sẽ gây ra việc không hiển thị hình ảnh được

Khi đó, nội dung trong thẻ ALT mà bạn gán vào, sẽ ưu tiên hiển thị ra để cho người xem thấy được, và biết được tấm hình này nói lên cái gì 

Hình ảnh trên giả lập trường hợp hình ảnh không tải được, khi đó thẻ ALT sẽ thay thế và hiển thị để người xem biết được cơ bản chủ đề của hình này

Vì vậy, với định nghĩa và cách hoạt động bên trên, vai trò của thẻ ALT là vô cùng quan trọng, và được Google đánh giá rất cao trong quá trình xem xét Seo Onpage của bất kỳ Website nào

Các bước thực hiện SEO hình ảnh

Nội dung này hướng dẫn bạn các khái niệm và cách thức cơ bản để bạn tôi ưu SEO cho hình ảnh trên bài viết của mình nói riêng, và tổng thể website nói chung

Hình ảnh, Videos, và các yếu tố khác giúp cho việc trình bày nội dung trên Website được rõ rành, dễ hiểu, và dễ tiếp cận đối với người xem. Và Google cực kỳ thích điều này

Vì vậy, trong các bước cần làm để tối ưu Seo Onpage cho Website, thì việc tối ưu Seo hình ảnh trên Website cũng rất quan trọng, bạn vui lòng xem các bước bên dưới để biết những việc cần làm

• Dung lượng hình ảnh: Bạn nên tinh giảm dung lượng hình để không quá nặng về dung lượng. Dung lượng trong khoản 100KB trở lại là phù hợp
• Độ phân giải hình ảnh: Độ phân giải thường được xem xét kỹ hơn về độ rộng của hình ảnh ( Width ), vì giao diện Website thường quan trọng theo diện nằm ngang, vì vậy nếu hình quá nhỏ, thì hình ảnh sẽ không đủ rộng theo chiều rộng màn hình, nếu quá lớn sẽ không cần thiết vì chuẩn độ phân giải chung của màn hình thông thường là 1368px * 768px ( Width * Height ). 
• Đặt tên hình ảnh: Tên của hình ảnh rất quan trọng, bạn có thể hiểu là tên file của hình ảnh bạn upload lên Website.  Bạn nên đặt tên hình theo tên của tiêu đề bài viết luôn càng tốt
• Đặt thẻ ALT cho hình ảnh: Như định nghĩa trên, vài trò của thẻ ALT rất quan trọng, bạn nên và đừng quên thiết lập phần này
• Đặt thẻ Title cho hình ảnh: Thẻ title hình ảnh cũng không có vai trò lớn cho Seo đâu, nhưng vai trò về tính trực quan cho người dùng thì có. Mà việc này thì cũng quan trọng trong tiêu chí đánh giá UX ( trải nghiệm người dùng ) cho Website
• Thiết lập Geotag hình ảnh: Đa số mọi người đều không biêt đến tính năng này. Mỗi hình ảnh ngoài các thông số như trên, chúng ta còn có thể chèn vào đó Kinh độ + Vĩ độ ( toạ độ của 1 vật thể trên trái đất theo định vị GPS ). Nếu bạn quan trọng và muốn Khách hàng tìm thấy mình qua cơ chế tìm kiếm bằng hình ảnh tại Google Search, bạn nên quan tâm phần này

Tại sao nên đặt ALT và Title hình ảnh theo tiêu đề bài viết

Trong quá trình làm Seo từ khoá, tiêu đều bài viết là phần vô cùng quan trọng, và thường được nghiên cứu rất kỹ lưỡng trước khi quyết định. Vì nó ảnh hưởng đến việc Google nhận biết nội dung trong bài viết của bạn

Do đó, chúng tôi khuyến cáo các bạn nên đặt thẻ ALT và Title cho hình ảnh giống với tiêu đề bài viết luôn. Tiêu đề bài viết để hiển thị trong kết quả tìm kiếm dạng text, còn ALT và tên hình ảnh sẽ hiển thị trong kết quả tìm kiếm dạng hình ảnh

Bạn nhìn thấy không, toàn bộ tên hình, thẻ ALT, thẻ Title đều được đặt theo tiêu đề bài viết

Vì vậy, trường hợp bài viết bạn có nhiều hình, thì có nhiều thẻ ALT giống nhau sẽ tốt cho quá trình nhận biết chủ đề và từ khoá bạn muốn truyền tải, từ đó ưu tiên hiển thị trong kết quả dạng hình ảnh

Cách thêm thẻ ALT cho hình ảnh

Nội dung của đoạn này chủ yếu hướng dẫn các bạn để hiểu biết tổng thể về cách thêm thẻ ALT và Title vào hình qua các bước quan trọng mà không đi sâu vào chi tiết, và nếu bạn chú ý sẽ tự thực hiện được

Nội dung này cũng không dành cho các bạn đã rành và có biết qua rồi, và chỉ dành cho người mới

• Cách thêm thẻ ALT ảnh trong HTML thuần
• Cách thêm thẻ ALT ảnh trong Wordpress
• Nội dung của phần này cũng có thể áp dụng cho các khái niệm như sau
• Cách thêm thẻ ALT ảnh trong Joomla
• Cách thêm thẻ ALT ảnh nói chung

Các bước để thêm thẻ ALT và Title cho hình ảnh tại trình soạn thảo

• Mở giao diện soạn thảo nội dung bài viết
• Bấm chọn hình ảnh cần thêm, hoặc bạn có thể "Bôi đen - tô đậm" hình ảnh này vì nhiều trường hợp script của mã nguồn bạn bị lỗi nên việc bấm trực tiếp hình không có tác dụng
• Trên các nút trong trình soạn thảo, tìm nút "Insert/Edit Image"  ( theo hình dưới )
• Tại dòng Image Description hoặc ALT, bạn đặt vào theo như bạn muốn
• Sau đó, bạn Save lại là được

Chọn hình ảnh, sau đó bấm nút như hình để mở tính năng hiệu chỉnh thẻ ALT

Bổ sung thẻ ALT và bấm lưu lại là xong

Các bước cần làm để thêm thẻ ALT tại giao diện code 

Thông thường, không cần thiết phải thực hiện bước này, vì các website hiện đại đều hổ trợ giao diện soạn thảo trực quan hết ( WYSWYG ), và bước này cũng phức tạp đối với người không chuyên

Tuy nhiên, chúng tôi cũng cần thực hiện hướng dẫn này trong trường hợp bạn cần

Bất kỳ trình soạn thảo nào cũng có chế độ chỉnh sửa với kiểu HTML, bạn sẽ thấy có bút "Toggle Editor", hoặc "Edit as HTML"

Khi bạn bấm vào sẽ hiện ra giao diện mã nguồn lập trình ( giao diện soạn thảo dạng code ) như hình dưới

Khi đó, bạn sẽ thêm vào các đoạn như phần tô đỏ ở hình trên

Chú ý:

• Nhớ để khoảng cách 2 bên trái và phải của các thẻ ALT, cũng như nội dung đặt trong ngoặc kép ( "" ) là được
• Như đã nói bên trên, thẻ Title không quá quan trọng trong Seo theo google, tuy nhiên, lại quan trọng cho UX ( trải nghiệm người dùng ), vì vậy trong hầu hết giao diện soạn thảo bài viết ở chế độ trực quan, đều không có chổ để thiết lập thẻ Title này, vì vậy, bạn muốn thêm cần mở giao diện dạng Code như hình trên

Nếu bạn thấy việc thêm thẻ ALT và Title là tốt và cần thiết, cũng như muốn thuận tiện nhất, tránh mất thời gian, tránh bị quên, bạn có thể mua Script này để tối ưu hiệu quả cho việc Seo hình ảnh tại Website của mình