AI SEO, Basic SEO

Google Preferred Sources คืออะไร? พร้อมวิธีสร้างปุ่มบนเว็บไซต์

Google Preferred Sources

Google Preferred Sources เป็นฟีเจอร์ที่เปิดให้ผู้ใช้เลือกเว็บไซต์หรือสำนักข่าวที่ตัวเองชื่นชอบ เพื่อบอก Google ว่า “ฉันอยากเห็นข้อมูลจากแหล่งนี้มากขึ้น” เมื่อเว็บไซต์ถูกเลือกเป็น Preferred Source เนื้อหาจากเว็บไซต์นั้นมีโอกาสปรากฏเด่นขึ้นสำหรับผู้ใช้คนนั้นใน Google Search โดยเฉพาะ Top Stories รวมถึงสามารถถูก Highlight ด้วยป้าย “Preferred” ใน AI Overviews และ AI Mode ได้

Preferred Sources คืออะไร

Preferred Sources คือระบบที่ให้ผู้ใช้เป็นคนบอก Google เองว่า ฉันชอบและเชื่อถือเว็บไซต์นี้ อยากเห็นข้อมูลจากเว็บนี้บ่อยขึ้น

พูดง่ายๆคือมันเป็นการติดดาวเว็บที่เราชอบ เมื่อผู้ใช้เลือกเว็บไซต์ใดเป็น Preferred Source เนื้อหาจากเว็บนั้นจะมีโอกาสปรากฏเด่นขึ้นสำหรับผู้ใช้คนนั้นในหลายพื้นที่ของ Google โดยเฉพาะ

  • Top Stories ในหน้า Search
  • AI Overviews
  • AI Mode

ที่สำคัญ Preferred Sources ตอนนี้ใช้ได้ทั่วโลกในทุกภาษาที่ Google Search รองรับสำหรับ Top Stories ส่วน AI Mode และ AI Overviews จะแสดงในภาษาและ locale ที่ฟีเจอร์นั้นเปิดใช้งาน ภาษาไทยจึงเข้าข่ายแล้ว

Google เปิดให้สร้าง Preferred Sources ได้ 3 วิธี

Google Search Central ระบุวิธีสำหรับ Publisher ไว้ 3 รูปแบบ โดย Google แนะนำ Standard JavaScript เป็นวิธีหลัก

วิธี เหมาะกับใคร ความยาก
Standard JavaScript เว็บไซต์ทั่วไปและ WordPress ง่าย
Advanced JavaScript เว็บที่ต้องการออกแบบปุ่มและ Flow เอง ปานกลาง–สูง
Deeplink เว็บที่ไม่สามารถใช้ JavaScript หรือใช้ใน Email/Social ง่าย

สำหรับ WordPress ทั่วไป Standard JavaScript เพียงพอแล้ว

วิธีสร้างปุ่ม Add to Preferred Sources

Google ออกแบบ Standard JavaScript ให้ติดตั้งง่ายมาก โดยใช้โค้ดหลักเพียง 2 ส่วน

ส่วนแรกคือการโหลด JavaScript Library ของ Google

ให้นำโค้ดนี้ไปใส่ในส่วน <head> ของเว็บไซต์

html 
<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>

จากนั้นตรงตำแหน่งที่ต้องการให้ปุ่มปรากฏ ให้ใส่

html 
<div google-add-preferred-source-btn></div>

นำโค้ดนี้ไปวางยังบทความของคุณผ่านชิ้นส่วน HTML ของหน้านั้นได้เลย Google จะ Render ปุ่มให้อัตโนมัติ

ข้อดีคือเจ้าของเว็บไซต์ไม่จำเป็นต้องสร้างระบบ Login, Authentication หรือเชื่อม API เอง เมื่อคนอ่านกดปุ่ม Google จะจัดการ Flow ในการเพิ่ม Preferred Source และพาผู้ใช้กลับมายังหน้าที่กำลังอ่านอยู่

ถ้าอยากทำปุ่ม ให้ดูส่วน พร้อมคำเชิญชวนให้กดเลือกเว็บเรา ก็สามารถใช้ ChatGPT ช่วยออกแบบได้ ตัวอย่างแบบเว็บผม คือ โค้ดนี้

html 
<div class="preferred-source-box">

    <div class="preferred-source-icon">★</div>

    <div class="preferred-source-content">

        <h3>
            อย่าพลาดบทความใหม่จาก
            <span style="color:#1DC6BC;">Padvee</span>
        </h3>

        <p>
            เพิ่มเว็บไซต์นี้เป็นแหล่งข้อมูลที่คุณชื่นชอบบน Google
            เพื่อให้คุณมีโอกาสเห็นเนื้อหาจากเรามากขึ้น
        </p>

        <div class="preferred-source-button">
            <div google-add-preferred-source-btn></div>
        </div>

    </div>

</div>

<style>
.preferred-source-box {
    max-width: 760px;
    margin: 40px auto;
    padding: 28px 30px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #f8fafc;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    box-sizing: border-box;
}

.preferred-source-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.preferred-source-content h3 {
    margin: 0 0 8px;
    font-size: 22px;
    line-height: 1.4;
}

.preferred-source-content p {
    margin: 0 0 18px;
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

.preferred-source-button {
    margin-top: 5px;
}

@media (max-width: 600px) {
    .preferred-source-box {
        padding: 22px;
        margin: 30px 0;
        flex-direction: column;
        gap: 14px;
    }

    .preferred-source-content h3 {
        font-size: 20px;
    }
}
</style>

ผลลัพธ์ก็จะได้ประมาณนี้ครับ

★

ไม่อยากพลาดบทความใหม่จาก Padvee

เพิ่มเว็บไซต์นี้เป็นแหล่งข้อมูลที่คุณชื่นชอบบน Google เพื่อให้คุณมีโอกาสเห็นเนื้อหาจากเรามากขึ้น

ข้อควรรู้เพิ่มเติม

  • ปุ่มจะทำงานเต็มที่เมื่อผู้อ่านล็อกอินบัญชี Google อยู่ ถ้าผู้อ่านยังไม่ล็อกอิน flow อาจให้ล็อกอินก่อน ควรเขียนบอกผู้อ่านสั้นๆกันงง
  • Preferred Sources เป็นสัญญาณระดับตัวบุคคล เว็บเราจะเด่นขึ้นเฉพาะสำหรับผู้ใช้ที่เลือกเราไว้ ไม่ใช่ปรับอันดับให้ทุกคน
  • อย่าคาดหวังว่าติดปุ่มแล้วอันดับจะพุ่งทันที มันเป็นการสะสมฐานผู้อ่านที่เชื่อถือเราในระยะยาว ไม่ใช่เทคนิคดันอันดับระยะสั้น

สรุป

การเลือก Preferred Source เองคือวิธีที่คุณควบคุมได้ว่าจะให้ Google หยิบข้อมูลจากแหล่งไหนมาแสดงให้คุณมากขึ้น ถ้าคุณเชื่อถือเนื้อหา SEO และ AI Search ของ Padvee ผมขอชวนกดปุ่มนี้ เพิ่มไปยังแหล่งที่มาที่ต้องการ ด้านบน เพื่อเพิ่มเว็บผมเป็น Preferred Source ของคุณ คลิกเดียวได้ทั้งเนื้อหาดีๆที่คุณอยากอ่าน และเป็นกำลังใจให้ผมทำคอนเทนต์ต่อครับ

พัดวี (Padvee)

ผู้เชี่ยวชาญด้าน SEO/AI Search พร้อมให้คำปรึกษาและวางแผนการทำ SEO ที่เหมาะสมกับธุรกิจคุณ

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *