חיפוש ]

מדריך העברת אתר וורדפרס ל HTTPS – חלק ב׳

בחלק הקודם של המדריך ראינו את כל השלבים שיש לבצע בכדי להגיע למצב שאתר הוורדפרס שלכם עובד בפרוטוקול זה ללא תקלות ובעיות. אין זה יהיה נכון להמשיך לחלק זה של המדריך לפני שאתם מוודאים כי האתר אכן עובד ב HTTPS כראוי והמנעול הירוק קיים בשורת הכתובת בכל עמודי אתר הוורדפרס שלכם.

בחלק זה של המדריך נסביר מהן הפעולות שיש לבצע לאחר המעבר בפועל ל HTTPS ברמת המרקטינג, מבחינת שינויים ב Google Search Console (סרץ׳ קונסול), עדכון של גוגל אנליטיקס וכדומה. כמו כן נראה כיצד לשמר את הלייקים, מספר השיתופים והתגובות של פייסבוק.

צעדים אלו לא פחות חשובים בכדי שהמעבר ל HTTPS יהיה עם פגיעה מינימלית בדירוג האתר אם בכלל. בואו נתחיל:

עדכנו את Google Search Console

הצעד הראשון שיש לבצע הוא ליצור נכס חדש ב Google Search Console לגירסת ה HTTPS של אתר הוורדפרס שלכם.

הוספת נכס בקונסולת החיפוש

איני זוכר, אך ייתכן כי גוגל ידרשו כי תוודאו מולו שהדומיין שכרגע ב HTTPS אכן שלכם.

לאחר שהוספתם את גירסת ה HTTPS, תרצו לשלוח מחדש את מפת האתר ב Google Search Console. תחת סריקה > Sitemaps הוסיפו את המפת האתר שלכם ובצעו בדיקה לוודא שאין שגיאות.

הוספת Sitemap בקונסולת החיפוש

במידה ואתם משתמשים ב Yoast SEO, גשו ללוח הבקרה של וורדפרס ולחצו על SEO > General. לאחר מכן עברו ללשונית Features ולחצו על סימן השאלה תחת XML Sitemaps בכדי לוודא את שם קובץ ה Sitemap שלכם.

בדיקת כתובת ה XML Sitemap ב Yoast SEO

 אם רלוונטי לכם, נכון יהיה להעלות את מפת האתר שלכם גם למנוע החיפוש Bing. עוד מידע על יצירה ושליחת Sitemap בפוסט הבא.

בקשו מגוגל לסרוק מחדש את אתר הוורדפרס שלכם

בשלב זה יש לבקש מגוגל לסרוק מחדש את האתר שלכם עם כתובת ה HTTPS החדשה בכדי להזיז עניינים קצת יותר מהר. פעולה זו נקראית בעברית ״אחזר כמו גוגל״. לחצו על אחזר עבור עמוד הבית של האתר שלכם.

אחזור כגוגל בקונסולת החיפוש

אחזור כגוגל בקונסולת החיפוש

לאחר מכן לחצו הגש בקשה ליצירת אינדקס ובחרו את האפשרות לסרוק את כתובת האתר ואת הקישורים הישירים שלו. אם ישנם דפים חשובים באתר שלכם, שאינם בצורה כזו או אחרת מקושרים לעמוד הבית, רצוי לאחזר דפים אלו בנוסף.

בקשה ליצירת אינדקס - קונסולת החיפוש של גוגל

בקשה ליצירת אינדקס – קונסולת החיפוש של גוגל

סריקת כתובת האתר והקישורים הישירים - קונסולת החיפוש של גוגל

סריקת כתובת האתר והקישורים הישירים – קונסולת החיפוש של גוגל

העלו מחדש קישורים דחויים

אם היה לכם קובץ Disavow עקב קישורים באיכות נמוכה לאתר שלכם (bad backlinks), או מכל סיבה אחרת – תרצו לשלוח קובץ זה מחדש. כמובן שבעיה זו לא קיימת לכולם, אך במידה וכן, זהו תהליך מאד חשוב שיש לבצע אחרת דירוג האתר שלכם יכול להפגע אז שימו לב.

 גשו ל Disavow Tool באתר ה HTTP והורידו את קובץ ה Disavow. לאחר מכן פתחו כלי זה שוב, הפעם תחת דומיין ה HTTPS והעלו קובץ זה מחדש.

עדכנו את גוגל אנליטיקס

זה הזמן לעדכן את כתובת אתר הוורדפרס שלכם בגוגל אנליטיקס. תחת החשבון שלכם באנליטיקס גשו למנהל מערכת > הגדרות נכס (Admin > Property Settings). שנו את ערך ברירת מחדל לכתובת אתר לגירסת ה HTTPS. כך לא תאבדו את ההיסטוריה הקיימת ותמשיכו בדיוק מהיכן שהפסקתם.

שינוי כתובת באנליטיקס ל HTTPS

חברו מחדש את Search Console לגוגל אנליטיקס

כעת תרצו לחבר מחדש את החשבון בגוגל אנליטיקס לאתר ה HTTPS החדש שהוספתם קודם לכן ל Search Console. בכדי לעשות זאת גשו למנהל המערכת בגוגל אנליטיקס ושוב להגדרות נכס. תגללו מטה ולחצו על הכפתור התאם את Search Console ולאחר מכן לחצו על ערוך כבתמונה הבאה:

שיוך Search Console לאנליטיקס - מעבר ל HTTPS

מחקו את אתר ה HTTP המקושר לחשבון האנליטיקס שלכם. לאחר מכן גשו שוב לאותו מקום בניהול הנכס של גוגל אנליטיקס והוסיפו את האתר שלכם, הפעם עם כתובת ה HTTPS.

פה סיימנו ענייני אנליטיקס וה Search Console. סביר להניח כי במרכז השליטה של ה Search Console תראו בימים הקרובים גרף בסגנון הבא תחת אתר ה HTTPS, כאשר הגרף לאתר ה HTTP יהיה בירידה…

גרף קונסולת חיפוש לאחר מעבר ל HTTPS

מה הלאה?

מה שנשאר לכם זה בעצם לעדכן את הרשתות החברתיות בשינוי. לשנות את הקישורים לאתר שלכם מאותם רשתות חברתיות כמו פייסבוק, לינאדין, גוגל+ וטוויטר. שנו את האתר המוגדר בחשבון לכתובת ה HTTPS, כנ״ל לגבי יוטיוב והכתובת המופיעה ב Facebook App שלכם. אה כן, אל תשכחו לשנות גם את החתימה באימייל אם קיים שם קישור לאתר שלכם 🙂

לא רק רשתות חברתיות אגב, נסתכל על זה ברמת קידום אורגני – אם באפשרותכם האופציה לבקש מאותם אתרים שמפנים אליכם על ידי קישור מסויים, להחליף את הקישור לכתובת ה HTTPS זה יהיה נהדר. מעניין מה דעת אנשי ה SEO בנושא…

ניתן מבט עכשיו כל איך לשמר את התגובות, הלייקים ומספר השיתופים של פייסבוק.

כיצד לשמור על הלייקים לאחר המעבר ל HTTPS

פייסבוק מתייחסת לכל שינוי בכתובת האתר כ URL שונה. גם אם מדובר על שינוי הפרוטוקול ל HTTP, הרי הוא חלק בלתי נפרד מכתובת האתר. במעבר ל HTTPS, כל המידע שקיים עבור פוסט מסויים יעלם מכיוון ואנו מגישים כעת כתובת אחרת לגמרי ופייסבוק מתייחסת אליה ככתובת חדשה. אנו צריכים לדאוג כי פייסבוק תיגש לכתובת הישנה בכדי להציג את מידע זה. ישנם מספר דברים שיש לבצע בכדי לדאוג שפייסבוק תציג נתונים אלו כראוי:

1. הגדרת התוספים של פייסבוק (Facebook Plugins)

אם הוספתם Social Plugins של פייסבוק כגון תוסף התגובות, כפתור לייק או כל תוסף אחר של פייסבוק כנראה שהשתמשתם בקוד בסגנון הבא לפוסטים שלכם:

<div class="fb-like" data-href="<?php the_permalink(); ?>" data-layout="standard"
     data-width="320" data-action="like" data-show-faces="false" data-size="large" data-share="true">
</div>

מכיוון וכל הקישורים הישירים באתר הוורדפרס שלכם מוגדרים כרגע כ HTTPS, ברגע שתקראו לפונקציה the_permalink בשורה 1, תוחזר כתובת ה HTTPS כמובן, אך אנו רוצים כי התוסף ייקח את המידע מכתובת ה HTTP הרי כל אותן התגובות והלייקים מקושרים אל כתובת זו.

השתמשו בפונקציה str_replace בכדי להחליף את הכתובת ל HTTP, הקוד ייראה בסגנון הבא:

<?php
$httPermalink =  get_permalink( $post->ID );
$httPermalink = str_replace('https://', 'http://', $httPermalink);
?>
  <div class="fb-like" data-href="<?php echo $httPermalink; ?>" data-layout="standard"
       data-width="320" data-action="like" data-show-faces="false" data-size="large" data-share="true">
  </div>
<?php

בשלב זה התוסף ייגש וינסה לקחת את המידע מכתובת ה HTTP, אך…

2. ביטול ההפנייה עבור הסורק של פייסבוק ושינוי שדות OpenGraph

זוכרים שבתחילת תהליך המעבר ביצענו הפנייה לכתובת ה HTTPS דרך הקובץ htaccess? מנוע הסריקה של פייסבוק (facebook crawler) יגיע לסרוק את הכתובת שלכם וכשיגיע יקבל הפנייה מכיוון וכך הגדרנו. לא רק שיקבל הפנייה, הסורק יסתכל גם על שדות ה Open Graph בעמוד שלכם ושם ימצא את og:url שגם כן מפנה לכתובת ה HTTPS.

אם אתם משתמשים בתוסף Yoast SEO כרובינו, הוא אוטומטית מעדכן את שדות ה Open Graph לכתובת ה HTTPS החדשה. הנה מדריך המסביר על השימוש בתוסף Yoast.

לכן עלינו לבצע שתי פעולות:

  • לשנות את שדות ה OpenGraph כך שיפנו לכתובת ה HTTP.
  • לבטל את ההפנייה ל HTTPS עבור הסורק של פייסבוק בלבד.

בכדי לגרום לתוסף Yoast SEO לשנות את הקידומת בה משתמש ליצירת שדות אלו ל HTTP ניתן להשתמש בקוד הבא (functions.php):

function my_opengraph_url( $url ) {
   return str_replace( 'https://', 'http://', $url );
}
add_filter( 'wpseo_opengraph_url', 'my_opengraph_url' );

הקוד מסביר את עצמו, צפו כעת בקוד המקור באתר הוורדפרס שלכם ותראו כי כל שדות ה Open Graph שונו ל HTTP בתחילתם.

פייסבוק יגיע לכתובת האתר ב HTTPS, יסתכל ויראה כי הוא צריך לקבל את המידע של כתובת ה HTTP כי הגדרנו זאת ב og:url וינסה לקחת את המידע. אך מפאת ההפנייה שביצענו ב htaccess, כשינסה לסרוק את כתובת ה HTTP יקבל שוב הפנייה ל HTTPS וייכנס בעצם ללופ אינסופי (Redirect Loop).

אם תנסו לבדוק את כתובת האתר ב Sharing Debugger של פייסבוק הוא יצעק על אותו Redirect Loop וזה ייראה ככה:

אם כבר הפעלתם את תוסף ה Cache שלכם חזרה, נכון יהיה לנקות את ה Cache בין בדיקה לבדיקה.

facebook-redirect-loop

בכדי לפתור זאת נשנה את ההפנייה שהוספנו בקובץ ה htaccess כך שההפנייה ל HTTPS תבוצע כל עוד הבקשה אינה מגיעה הסורק של פייסבוק. נוסיף את השורה הבאה בקובץ ה htaccess :

<IfModule mod_rewrite.c>

RewriteEngine On

# FORCE SSL
RewriteCond %{HTTPS} off
RewriteCond %{HTTP_USER_AGENT} !^facebookexternalhit
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]


</IfModule>

הוספנו את שורה מספר 7 כדי לקבוע שאם הבקשה לכתובת כלשהי באתר וורדפרס שלכם מגיעה מהסורק של פייסבוק – אין לבצע הפנייה לכתובת ה- HTTPS.

טיפ – וודאו כי אינכם מכניסים קוד זה בין השורה #BEGIN WordPress לשורה #END WordPress בקובץ htaccess, אחרת וורדפרס תדרוס שינויים אלו ברגע שתשמרו קישורים ישירים לדוגמא.

אם תבדקו כעת כתובת מסויימת ב Sharing Debugger תגלו כי כל המידע חזר לקדמותו, ההודעה על ה Redirect Loop נעלמה ואתם רואים חזרה את מספר הלייקים, השיתופים והתגובות שלכם..

שמירה על הלייקים והתגובות של פייסבוק לאחר מעבר ל HTTPS

לסיכום

זהו בגדול, ניתן לומר שסיימתם את תהליך המעבר ל HTTPS באתר הוורדפרס שלכם בהצלחה. אתם מוזמנים להפעיל מחדש את תוסף ה Cache באתר שלכם (כי ביקשנו לכבות אותו בחלק הראשון של המדריך).

רצוי כי תעקבו אחר ה Search Console של גוגל בתקופה הקרובה לוודא שאינכם רואים דברים חריגים. קחו בחשבון שכנראה ותראו בזמן הקרוב שינויים בתנועה לאתר שלכם, אך הדברים יתייצבו די מהר אני מאמין והכל יחזור לקדמותו רק שעכשיו אתר הוורדפרס שלכם מאובטח ב HTTPS.

כתמיד, תרגישו חופשי להשאיר תגובות הערות והצעות לתיקון, אם בא למישהו מכם לרשום לי בתגובות כיצד לבטל את את עניין הסורק של גוגל בשרת Nginx יהיה תענוג׳ 🙂

 

  • Rubb 18 אוקטובר 2017, 12:00

    יפה, נראה לי שכבר עדיף לבנות מראש אתר ב-HTTPS אם רוצים אותו ככה

  • אודי 24 אוקטובר 2017, 19:30

    בפייסבוק איבדתי אותך… אם אני משתמש בפלאגינים שלהם או בתיבת הלייקים של Jetpack איך אני יכול לשחק עם קוד המקור של ה-PLUGIN? הרי כשהוא יעודכן הוא ישתנה חזרה.

    • רועי יוסף 24 אוקטובר 2017, 19:52

      היי אודי 🙂
      לשחק עם קוד המקור של jetpack לטובת מה בעצם? מה אתה מנסה להשיג?

      • אודי 24 אוקטובר 2017, 21:38

        אני מנסה להבין את המדריך שלך איך לא לפספס את הלייקים. הקוד של תוסף פייסבוק הוא קוד שלהם. אז היכן בדיוק להשתמש ב:
        השתמשו בפונקציה str_replace בכדי להחליף את הכתובת ל HTTP?

        • רועי יוסף 25 אוקטובר 2017, 1:28

          בקוד של התוסף יש את הקישור לעמוד בו אתה נמצא (data-href), הוא צריך להשתנות ל http במקום https כי משם אתה בעצם רוצה למשוך את הלייקים..

          • רועי יוסף 25 אוקטובר 2017, 1:33

            אל תתייחס לתגובה הקודמת, אני לא יודע לומר לך מה לעשות במקרה של jetpack, אם הם מושכים את המספר של הלייקים אז בטוח שיש להם אופציה לסדר זאת במקרה של מעבר ל https. איני מכיר..

          • אודי 31 אוקטובר 2017, 17:44

            היכן אתה מכניס החלק זה:

            <?php
            $httPermalink = str_replace('https://', 'http://', $httPermalink);
            ?>
            <div class="fb-like" data-href="" data-layout="standard"
            data-width="320" data-action="like" data-show-faces="false" data-size="large" data-share="true">
            <?php

            ומה אם אני משתמש בתוסף All in one SEO pack, איזה קוד להתאים שם ל- functions.php?

  • אודי 31 אוקטובר 2017, 21:46

    טוב, לאחר קריאה מרובה הגעתי לפתרון הבא שמחזיר את הלייקים אבל לא את התגובות. להחזרת לייקים של פייסבוק יש להכניס קוד עוקף גשוש (crawler) של פייסבוק ל- HTACCESS לא בתוך שורות ההגדרות של וורדפרס:

    RewriteEngine On
    # FORCE SSL
    RewriteCond %{HTTPS} off
    RewriteCond %{HTTP_USER_AGENT} !^facebookexternalhit
    RewriteCond %{HTTP_USER_AGENT} !^facebot
    RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

    כמו כן יש להכניס ב- header.php של התבנית (וכדאי מאוד שזו תהיה תבנית בת) את השורות הבאות ב- head:

    <meta property="og:url" content="http://example.com" />

    יש לבדוק קישורים לדוגמא ב- facebook debugger וללחוץ על scrape again כדי לקבל תוצאה מעודכנת.

    • רועי יוסף 1 נובמבר 2017, 12:47

      תודה על השיתוף אודי 🙂

      התגובות הלייקים ומספר השיתופים מגיעים מאותו מקום, אם זה עובד לך על הלייקים זה יעבוד גם על התגובות. בדוק שביצעת כל מה שנאמר במדריך..

      • אודי 1 נובמבר 2017, 13:04

        מה שחסר לי זה איפה להכניס את הקוד הזה לפי המדריך שלך?

        <?php
        $httPermalink = str_replace('https://', 'http://', $httPermalink);
        ?>
        <div class="fb-like" data-href="" data-layout="standard"
        data-width="320" data-action="like" data-show-faces="false" data-size="large" data-share="true">
        <?php
        • רועי יוסף 1 נובמבר 2017, 13:40

          במידה ואתה משתמש בקוד מעלה להצגת כפתור הלייק של פייסבוק בתבנית שלך, אתה צריך להשתמש בקוד זה בכדי לשנות את הקריאה לכפתור מ https ל http.

  • אורי 28 נובמבר 2017, 11:44

    היי רועי, אחלה מדריך (כרגיל).
    בבדיקה של: https://www.jitbit.com/sslcheck התקבלו תוצאות כגון:
    Pages with unsecure content:
    https://www.site.comֿ?
    https://www.site.com/wishlist?

    למה זה קורה? האם זה ניתן לתיקון?

    תודה,
    אורי

    • רועי יוסף 29 נובמבר 2017, 14:05

      היי אורי,

      סביר להניח כי אתה עדיין קורא מדפים אלו לכתובת כלשהי ב http במקום ב https. נסה לתת מבט בקוד המקור של אותם עמודים וחפש איזה קריאות מתבצעות ב http במקום https…

  • רוב 26 מרץ 2018, 9:25

    אתר שאני עובד עבר מ-http ל-https והיה בו iframe שהפסיק לעבוד. איך אפשר להציג iframe באתר עם https? יש בכלל אפשרות כזאת? יש אפשר שדף אחד יהיה בלי ה-https?

    אני משתמש בתוסף של Really Simple SSL, זה משפיע על משהו?

    • רועי יוסף 26 מרץ 2018, 10:52

      היי רוב,

      זאת שאלה טובה ואני לא בטוח שאני יודע את התשובה לזה. אני חושב שבמצבים כאלו צריך להשתמש בשרת פרוקסי כלשהו שעובד על HTTPS ולקרוא דרכו לאותו iFrame…

      בכל מקרה, אם מצאת פתרון אשמח אם תשתף אותנו…. 🙂

  • רוב 26 מרץ 2018, 11:08

    מצאתי הסבר כאן:
    https://really-simple-ssl.com/knowledge-base/disabling-ssl-for-one-page-only/
    אבל הוא לא עובד לי

  • דור 11 יולי 2018, 17:47

    שלום,

    עברתי לפני שבוע ל SSL ועשו לי הפניות דרך החברת אחסון שלי. אבל שאני רוצה לאנדקס עמודים בגוגל קונסול הוא רושם לי "מופנית מחדש" מה עלי לעשות? לפתוח נכס חדש בקונסול עם https? (אני כן ראיתי בsitemap בקונסול שזה על https)

    • רועי יוסף 27 אוקטובר 2018, 3:25

      היי דור,

      תגובה קצת באיחור אך התשובה היא כן. כפי שציינתי, עלייך לפתוח נכס חדש ב Search Console לכתובת האתר עם HTTPS…

  • tal 23 דצמבר 2018, 3:04

    העברתי אתר ל HTTPS אבל חלק מהדפים בפנים הכילו קישורים של HTTP רגילים ואז שכנכנסים לדפים האלו זה מראה סוג של הודעה של דף לא מאובטח, האם יש איזה פלאג שממיר את את כל הקישורים הפנימיים בדפים מ HTTP לפרוטוקול HTTPS?

    • רועי יוסף 23 דצמבר 2018, 5:58

      היי טל,

      תן מבט בחלק הראשון של המדריך בסעיף מספר 6….

  • עפר קידר 31 ינואר 2019, 10:13

    משהו לא עובד אצלי עם קטע הקוד שעושה את ה str_replace. אם הבנתי נכון, הוא אמור להחליף את ה-DIV המקורי של התגובות של פייסבוק. אבל כשניסיתי להכניס אותו לדף כמו שהוא מופיע כאן, החלק הבא פשוט מופיע על המסך (כלומר משהו נשבר לפני כן) – יודע לכוון אותי?

    ID );
    $httPermalink = str_replace('https://', 'http://', $httPermalink);
    ?> 
    • עפר קידר 31 ינואר 2019, 15:12

      זה הקוד שניסיתי להעלות לדף (ניסיתי גם בלי השורה האחרונה, כי חשבתי שזו טעות, אבל אני לא באמת דובר php):

      <?php
      $httPermalink =  get_permalink( $post->ID );
      $httPermalink = str_replace('https://', 'http://', $httPermalink);
      ?>
        <div class="fb-like" data-href="<?php echo $httPermalink; ?>" data-layout="standard"
             data-width="320" data-action="like" data-show-faces="false" data-size="large" data-share="true">
        </div>
      <?php
      • רועי יוסף 31 ינואר 2019, 15:20

        הקוד המדובר מסביר כיצד לעשות זאת לגבי כפתור הלייק של פייסבוק ולא התגובות. עבור התגובות זה צריך להיות משהו בסגנון הבא:

        <?php
        $httPermalink =  get_permalink( $post->ID );
        $httPermalink = str_replace('https://', 'http://', $httPermalink);
        ?>
            <div class="fb-comments" data-href="<?php echo $httPermalink; ?>" data-numposts="5"></div>
        <?php
        • עפר קידר 31 ינואר 2019, 15:54

          תודה רבה – אנסה!

  • אלעד 3 פברואר 2019, 12:07

    העברתי את האתר שלי ל-https בזכות המדריך שלכם, תודה רבה!

  • מירי 6 פברואר 2019, 12:04

    תודה על המדריך, יש לי שאלה..

    הקמתי נכס חדש בגוגל סירצ' קונסול, איך אני מאמתת את הנכס?
    אני רוצה גוגל אנליטיקס, זה אפשרי? אם כן מה הקוד שאני רושמת מה שכבר קיים באתר קשור גם לכתובת האתר שהייתה קודם HTTP
    תודה מראש

    • מירי 6 פברואר 2019, 13:13

      קבל ביטול
      הצלחתי

תגובה חדשה

הוסיפו קוד באמצעות הכפתורים מטה. למשל, בכדי להוסיף PHP לחצו על הכפתור PHP והוסיפו את הקוד בתוך השורטקוד. מצאתם שגיאה בפוסט? עדכנו אותנו...

Savvy WordPress Development