Giải quyết vấn đề post link lên FaceBook và các MXH

Thảo luận trong 'SEO trên MXH' bắt đầu bởi babyinternet, 14/9/11.

  1. babyinternet

    babyinternet Administrator

    Tham gia ngày:
    4/7/08
    Bài viết:
    4,655
    Đã được thích:
    1,583
    Điểm thành tích:
    113
    Nơi ở:
    [}{]e[][]
    Chắc nhiều bạn ở vnwebmaster.com cũng biết nhiều về MXH rồi hén, nói nữa đâm ra nó thừa :danbang:. MXH là một môi trường quảng bá web khá tốt cho những bạn làm website nói riêng và những người buôn bán thông qua kênh Internet nói chung.

    Tuy nhiên, vấn đề post link ở các MXH đôi lúc làm người post khó chịu bởi nội dung do MXH lấy chẳng ăn nhập gì cả :choler:. Mình lấy FaceBook làm một ví dụ:

    [​IMG]

    Có lẽ phần mô tả như trên không thể làm cho bạn hài lòng được, mặc dù FaceBook đã có nhiều chỉnh sửa nhằm giúp cho việc lấy nội dung được chính xác hơn nhưng cũng chưa thể triệt để :longlanh:, và ngay cả tính năng cho phép người dùng tự edit title, description cũng trở nên thừa thải vì người<link rel="image_src" href="http://stackoverflow.com/images/logo.gif" /> dùng... siêu làm biếng :love:

    Giải pháp:

    Lần mò trên mạng tôi tìm được 2 phương pháp giải quyết cho vấn đề này:


    Phương pháp 1: Thay thế hình ảnh bằng tag link

    Phương pháp này có hạn chế là chỉ giúp bạn thay đổi được hình ảnh đại diện cho bài viết (phần chính tạo nên sự chú ý cho người dùng) mà không thể giúp bạn chỉnh sửa tiêu đề, mô tả.

    Mã:
    <link rel="image_src" href="link_to_thumbnail" />
    Bạn chỉ cần thay thế liên kết đến thumbnail hoặc ảnh bạn muốn lấy làm thumbnail cho bài viết và đặt thẻ này ở header của trang là được. Đối với các bạn lập trình viên, các bạn có thể thay đổi nhiều thứ ở link như logo cho link trang chủ, thumbnail cho nội dung trang...

    Nhưng tuyệt đối từng thay đổi những giá trị khác nhé. Giờ hãy thử chèn đoạn mã trên vào header và cảm nhận :longlanh:


    Phương pháp 2: Sử dụng Open Graph Tags

    Bộ thư viện Open Graph Tags được nhiều MXH dùng để trích lọc nội dung từ một link nào đó khá nhiều. Trang develop của FaceBook cũng có bài hướng dẫn và giới thiệu về Open Graph Tags dùng cho nút Like, nếu bạn quan tâm bạn có thể đọc sơ qua.

    Open Graph tags là dạng tag bạn dùng để bổ sung thêm vào các blog, các website cá nhân rất hiệu quả khi nó tuơng tác với các MXH. Open Graph tags có thể viết như thế này:

    Mã:
    <meta property="og:tag name" content="tag value"/> 
    Trong đó tag name là tên của loại Open Graph tags và tag value chính là giá trị của nó.
    Bạn có bản danh sách các tag name như sau:

    • og:title - định dạng tiêu đề trang
    • og:type - loại dữ liệu. Bạn phải chọn từ danh sách value tương ứng của nó mà không thể tự khai báo bậy bạ.
    • og:image - URL đến phần hình ảnh đại diện. Hình ảnh nên có chuẩn 50px x 50px sẽ tốt hơn.
    • og:url - đường dẫn canonical(có ai biết nó là gì không vậy?). Nếu bạn không biết về nó, hãy đọc bài này.
    • og:site_name - thay thế bằng tên Website của bạn nhé.

    Như vậy, để định dạng dữ liệu cho phần link trên MXH tôi có một vài tag sau:

    Mã:
    <meta property="og:image" content="link đến ảnh đại diện"/>
    <meta property="og:title" content="Tiêu đề"/>
    <meta property="og:site_name" content="Tên website"/>
    <meta property="og:url" content="link đến bài viết"/>
    <meta property="og:description" content="mô tả cho nội dung" />

    Còn nhiều định dạng tag nữa mà có thể bạn quan tâm, các bạn xem thêm ở link này nhé.


    Những Open Graph tags chúng ta cũng bổ sung ở header luôn nhé mọi người.

    Và đây là kết quả:

    [​IMG]

    Nếu bạn nào làm việc với Wordpress, các bạn có thể sử dụng Plugin WP Social Post Link mình mới public để bổ sung tự động các tag này.

    Chúc các bạn vui vẻ.
     
  2. noupe

    noupe Đang làm quen

    Tham gia ngày:
    5/7/12
    Bài viết:
    30
    Đã được thích:
    0
    Điểm thành tích:
    6
    Nơi ở:
    Sài gòn
    Mình dùng theo kiểu đẩy từ Feedburner lên Twitter và từ Twitter lên FB thông qua 1 app!
     
  3. ptl161

    ptl161 Lính mới

    Tham gia ngày:
    5/7/12
    Bài viết:
    5
    Đã được thích:
    0
    Điểm thành tích:
    1
    Cám ơn bạn nhiều nha, mình đang muốn post link lên mà mãi mới tìm được cách này :D
     
  4. nhadatchinhchu.com

    nhadatchinhchu.com Đang làm quen

    Tham gia ngày:
    26/6/12
    Bài viết:
    89
    Đã được thích:
    0
    Điểm thành tích:
    6
    dùng add this liệu có khắc phục được vấn đề này ko?
     
  5. trangthulink

    trangthulink Lính mới

    Tham gia ngày:
    19/7/12
    Bài viết:
    6
    Đã được thích:
    0
    Điểm thành tích:
    1
    Mình k hiểu 2 cái này giúp ích thêm gì
    Vì nó vẫn link đến link bài viết của mình bt khi mình post mà, đâu cần thêm đoạn đó mới dc nhỉ?
    <meta property="og:site_name" content="Tên website"/>
    <meta property="og:url" content="link đến bài viết"/>
     
  6. dzuidzui

    dzuidzui Đang làm quen

    Tham gia ngày:
    14/7/12
    Bài viết:
    41
    Đã được thích:
    0
    Điểm thành tích:
    6
    Mấy ngày nay mình cũng bị tình trạng này, may nhờ kiếm ra bài này. Thanks bạn nhiều lắm.
     
  7. lovelykitty

    lovelykitty Lính mới

    Tham gia ngày:
    7/8/12
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Nơi ở:
    du học - http://www.kienthucduhoc.com/
    Cám ơn bạn nhiều nhiều về bài viết
     
  8. duyquanhoang

    duyquanhoang Lính mới

    Tham gia ngày:
    23/10/12
    Bài viết:
    3
    Đã được thích:
    0
    Điểm thành tích:
    1
    code này pase thăng vào facebook nó hiện ra luôn à, hay phải đưa vào web tile của mình
     
  9. maiditim

    maiditim Super Moderator Super Moderator

    Tham gia ngày:
    13/9/12
    Bài viết:
    838
    Đã được thích:
    33
    Điểm thành tích:
    28
    Nơi ở:
    Văn Quán Gia Trang (Hà Nội)
    Cách 2 có vẻ rất hay. Để em check qua xem sao
     
  10. Denis

    Denis Đang làm quen

    Tham gia ngày:
    2/11/12
    Bài viết:
    91
    Đã được thích:
    0
    Điểm thành tích:
    6
    Nơi ở:
    probiker
    Cái này các bác chăm đọc những tài liệu của facebook cho developer thì rõ thôi, như Open Graph. Lúc đầu đọc em chả hiểu làm gì, sau khi chia sẻ qua fb thì mới dùng, mới biết !
    Cám ơn chủ thớt chia sẻ nhé, mới biết cách 1 :D
     
  11. thuyman

    thuyman Lính mới

    Tham gia ngày:
    20/7/11
    Bài viết:
    25
    Đã được thích:
    1
    Điểm thành tích:
    3
    Cám ơn bạn nhiều nhe, cứ post tin một đường hình ảnh ra một nẻo mà không biết phải làm sao hết
     
  12. ddmvb

    ddmvb Lính mới

    Tham gia ngày:
    3/3/14
    Bài viết:
    6
    Đã được thích:
    0
    Điểm thành tích:
    1
    Code này mình add vào đâu trong web vậy các bro ơi.
     
  13. beggarmmo

    beggarmmo Đang làm quen

    Tham gia ngày:
    6/9/13
    Bài viết:
    73
    Đã được thích:
    0
    Điểm thành tích:
    6
    Bữa giờ dùng theo cách 2, thấy nó nhanh gọn lại thân thiện với người dùng
     
  14. Baoyensusan

    Baoyensusan Đang làm quen

    Tham gia ngày:
    9/7/13
    Bài viết:
    197
    Đã được thích:
    0
    Điểm thành tích:
    16
    Đọc nhưng vẫn chưa làm được cái này . :( mình post lên face cũng k để ý vấn đề này lắm. giờ đọc bài này mới thấy
     
  15. fapfapfap111

    fapfapfap111 Lính mới

    Tham gia ngày:
    8/3/14
    Bài viết:
    26
    Đã được thích:
    0
    Điểm thành tích:
    1
    cám ơn bác nha em cũng đang búc xúc về vấn đề này. :byebye:
     
  16. khunglongbaochua4491

    khunglongbaochua4491 Đang làm quen

    Tham gia ngày:
    14/11/13
    Bài viết:
    164
    Đã được thích:
    1
    Điểm thành tích:
    18
    Nơi ở:
    Hà Nội
    Cái link rel là chèn vào code web hay chèn trên FB vậy?. Em không hiểu. Mình share link trên FB nếu không phải quản trị web mà muốn chèn ảnh bất kỳ có được không?
     
  17. cảm ơn thớt về sự chia sẻ này nhé hihi facebook fanpage dùng rất tốt cho seo
     
  18. hoads

    hoads Đang làm quen

    Tham gia ngày:
    12/2/14
    Bài viết:
    175
    Đã được thích:
    0
    Điểm thành tích:
    16
    Nơi ở:
    nhanlucvang.com
    dùng add this giải quyết được hết. chỉ thỉnh thoảng lỗi đôi chút thôi
     
  19. hieuvu899

    hieuvu899 Lính mới

    Tham gia ngày:
    4/4/14
    Bài viết:
    7
    Đã được thích:
    0
    Điểm thành tích:
    1
    Nơi ở:
    Hà Nội, Việt Nam
    Cám ơn bác. site của em bị cả lỗi trên g+ nữa không biết thì sửa kiểu gì nhỉ. bác có thể giúp em được không. thanks
     
  20. vacdieucay94

    vacdieucay94 Đang làm quen

    Tham gia ngày:
    10/10/14
    Bài viết:
    118
    Đã được thích:
    0
    Điểm thành tích:
    16
    Mình cũng đang tìm hiểu cách seo mxh mà xem chừng nó mông lung quá :D bây giờ thì đã bít thêm được cách post bài mới rùi
     
Đang tải...

Chia sẻ trang này