Search

חיפוש‫: %7%md5%7%md5%7%7%7%md5%7%seo%7%raw%7%raw

Google Search Console – מדריך מקיף (מעודכן 2024)

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

אופטימיזציה לתמונות באתרי וורדפרס מבחינת SEO

...וכדומה ודרך אחת להגדיר אותו היא בעזרת התוסף WordPress SEO by Yoast. לסיכום ביצוע אופטימיזציה לתמונות מבחינת קידום האתר ו – SEO היא מכלול של מספר פעולות. אם נתמצת פוסט זה, פשוט עקבו לב לנקודות הבאות כאשר אתם מצרפים...

בחירת מבנה קישורים (Permalinks) נכון לטובת SEO

...מבנה הקישורים שבחרתם על קידום האתר בגוגל ו SEO באופן כללי. קריאה מהנה! אם לא בא לכם חפירות גשו ישר לחלק המדבר על מבנה הקישורים האידיאלי בוורדפרס. על קישורים קבועים להיות SEO Friendly שימוש במבנה קישורים נכון הינו חלק...

שימוש ב Lightbox להצגת תמונות ותוכן באמצעות Lity

Lity היא ספריית lightbox קלת משקל, נגישה ורספונסיבית התומכת בתמונות, וידאו, iframes ואף inline content. הספרייה שוקלת כ 3K בלבד כאשר היא דחוסה ובמידה ו gzip מופעל בשרת שלכם. בפוסט קצר זה נראה כיצד להשתמש בה בכדי להציג תוכן...

הצמדת אלמנט לתחתית קונטיינר באמצעות flex-grow

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

על התכונה Grid Areas של CSS Grid בהרחבה

בעימודים או layouts מבוססי CSS Grid – ברירת המחדל להצבת אלמנטים בגריד עצמו היא על ידי הגדרת השורות, או בעצם הגדרת קווי הגריד לפיהם יתחילו ויסתיימו אלמנטים. התכונה Grid Area היא אלטרנטיבה לקביעת קווי הגריד ומציעה דרך שֵׁמִית בה...

מספר מילים על התכונה flex-wrap

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

היחידה Fr ב CSS Grid

CSS Grid הביא איתו לעולם יחידת מידה חדשה. זו בעצם flexible unit מסוג חדש בשם Fr unit. משמעו של Fr הוא Fractional Unit כש 1fr מייצג חלק 1 מסך השטח הפנוי. מטה אציג שתי דוגמאות לשימוש ב fr unit,...

הוספת פירורי לחם באתרי וורדפרס (Breadcrumbs)

...שלכם, בד״כ כלל בקובץ או לפעמים ב בתבניות קנויות כאלו ואחרות: ניתן אגב אף להשתמש בשורטקוד [wpseo_breadcrumb] על מנת להציג את פירורי הלחם כפי שאני עושה כאן: סאבי / חיפשתם %7%md5%7%md5%7%7%7%md5%7%seo%7%raw%7%raw / עמוד 2 יתרונות השימוש בפירורי לחם מבחינת...

על קישורי NoFollow והערך שלהם באסטרטגית קידום אתרים

...זו גם כן בחלון אפשרויות התצוגה. קביעת NoFollow עבור כל הקישורים בעמוד מסויים באמצעות Yoast SEO התוסף WordPress SEO by Yoast מאפשר לכם להוסיף את תגית המטא (Robots Meta Tag) כך שכל הקישורים בעמוד מסויים יהיו קישורי nofollow. הפעולה...

ההשפעה של קישורי Nofollow, Sponsored ו UGC על קידום אתרים

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

טיפול במוצרים שאינם זמינים בחנות (או אזלו מהמלאי) מבחינת SEO

בלתי נמנע שבחנויות דיגיטליות ואתרי E-Commerce יהיו מוצרים שכבר אינם רלוונטים או שאינם זמינים יותר לרכישה, בין אם בצורה זמנית או קבועה. מה עלינו לעשות עם עמודי מוצר אלו בכדי לשמור על בריאות האתר מבחינת SEO ועל מנת לשמור...

עמוד (שגיאה) 404 – התנהלות מבחינת SEO וחווית משתמש

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

2 דרכים לאיפוס ושחזור סיסמה באתרי וורדפרס

...טופס עם כל שדות המידע על אותו משתמש. עלכם למחוק את הערך שנמצא תחת השדה ולהחליף אותו בסיסמה החדשה שלכם. תחת העמודה function בחרו MD5 מתפריט הבחירה ולחצו על הכפתור Go. הסיסמה כעת תהיה מוצפנת באמצעות MD5 hash ותשמר...

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

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

מספר מילים על HTTP Status Codes

...חוקית אך השרת לא הצליח להשלים את הבקשה. כלי המפתחים של כרום חכול להראות לכם את הסטטוס קוד של הנכסים אותם הדפדפן מבקש אילו Status Codes חשובים להבנה כאנשי SEO כאנשי SEO ומפתחי אתרים עליכם להבין את אותם HTTP...

הפניות 301 קבועות וחשיבותן מבחינת קידום אתרים ו SEO

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

סלקטורים מגניבים ב CSS Level 4 שיגיעו אלינו בקרוב

הסטטוס הנוכחי של CSS Selectors Level 4 הוא סוג של טיוטה, עם זאת, דפדפנים מודרניים כבר החלו להטמיע חלקים מסויימים של הספסיפיקציות החדשות. תכלס, לעולם לא יהיה CSS4 כפי שלעולם לא יהיה HTML6, אך מה שכן יהיה זה סלקטורים...

מדוע וכיצד להשתמש בפורמט WebP לתמונות?

WebP הוא פורמט תמונות שפותח על ידי גוגל ב 2010 ונוצר בכדי להוות אלטרנטיבה לפורמטים כגון PNG ו JPG. הפורמט מציע גודל קובץ קטן בהרבה מאלו וכל זאת כאשר הוא שומר על איכות תמונה די זהה. שימו לב לדוגמאות...

Scroll Snapping – שליטה בחווית הגלילה בעזרת CSS

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

על CSS Containment ודרכים לאופטימיזציה ושיפור ביצועי רינדור

CSS Containment הוא מודול המתאר תכונת CSS יחידה הנקראית . תכונה זו מאפשרת לנו כמפתחים לבודד Subtree של אלמנט מסויים ב DOM ולהגדירו כעצמאי ונפרד משאר האלמנטים ב DOM. המטרה העיקרית של CSS Containment היא שיפור ביצועי הרינדור (rendering)...

יצירת עמוד שאלות ותשובות בוורדפרס (FAQ Page) בעזרת ACF

התוסף Advanced Custom Fields בגירסת ה Pro שלו מגיע עם האופציה להוסיף ״שדה חזרה״ (Repeater Field). שדה חזרה מאפשר למשתמש להוסיף מספר שורות (rows) בלתי מוגבל (תיאורטית) לפוסט או עמוד בוורדפרס. שדה זה יכול להיות פתרון אידיאלי עבור הלקוח...

עיצוב האות הראשונה ב CSS בעזרת first-letter::

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

איך לבצע אנימציה (Transition) על Gradients?

ב CSS לא ניתן לבצע אנימציה או שינוי חלק של Gradients בעזרת התכונה . במילים אחרות, ה הבא לא יעבוד: במקרה של הקוד מעלה, המעבר בין מצב אחד לשני לא יהיה חלק אלא יקפוץ מיידית בין שני המצבים. זה...

לולאת for בג׳אווה סקריפט – JavaScript for Loop

לולאות הם מעין 'תוכנת מחשב' המריצה סֶט של פקודות או קטע קוד כלשהו מספר פעמים עד שתנאי מסויים מתקיים. לולאה מסירה מאיתנו את הצורך לכתוב את אותו סט של פקודות מספר פעמים. במילים אחרות, לולאות מאפשרות לנו להריץ קטע...