סאבי בלוג - מדריכים על וורדפרס ו WEB, מפתח אתרי וורדפרס עצמאי, ישראל | עמוד 3

Core Web Vitals מייצגים סט של מדדים המשמשים את גוגל בכדי להעריך את חווית המשתמש (UX) של אתר מסויים ואינם קשורים לאיכות התוכן באתר. מדדים אלו הולכים להצטרף לאחרים כסט של מדדים בעלי השפעה על SEO ודירוג האתר בתוצאות החיפוש [...]

המדד (Cumulative Layout Shift (CLS, או בעברית ״מדד יציבות חזותית״ הוא חלק מסדרת מדדים בשם Core Web Vitals. נתון או מדד זה בודק את תדירות השינויים המתרחשים בזמן שהדפדפן מבצע את תהליך פריסת העמוד.

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

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

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

חזרה בזמן לשנת 2011, אפקט פרלקס בגלילה (parallax scrolling effect) יצר הדים והסתמן כטרנד חדש בעיצוב אתרים. אופנות רבות הגיעו ועזבו מאז אך אפקט זה ביסס מקומו ואינו מתכוון לעזוב בקרוב. בפוסט זה נסביר מה זה parallax scrolling ונשחק מעט [...]

לבטח יצא לכם לראות אתרים בהם מתבצעות אנימציות שונות בזמן שאתם גוללים מטה (On Scroll Animations). אז אשתף אתכם בספרייה בה נתקלתי בשם AOS, המאפשרת להוסיף אנימציות אלו בקלות ועם שליטת CSS מלאה על אותן אנימציות. הרעיון מאחורי AOS הוא [...]

וורדפרס ידועה לאנשים כמערכת בלוגים רובסטית ומהימנה. אנשים משתמשים ב RSS Feeds על מנת להרשם לתוכן חדש שאתם מפרסמים על ידי אפליקציות צד שלישי כמו Feedly למשל. אך לא כולם משתמשים בוורדפרס עבור בלוג וקיימים הרבה עסקים שיש להם אתר [...]

סטטוס קוד HTTP או בלעז HTTP Status Codes הוא תגובת שרת לבקשת הדפדפן. כשאתם מבקרים באתר כלשהו, הדפדפן שלך שולח בקשה לשרת וזה נענה לבקשה ומחזיר קוד בן שלוש ספרות: סטטוס קוד HTTP. אם נסתכל לצורך העניין על ה Header [...]

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