פריסה לדפדפנים, "מושך" את מנועי החיפוש

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

מהי פריסה לדפדפנים?

HTML / CSS - הוא הבסיס ליצירת אתר. מנהלי אתרים רבים מתאימים זה על פי העיקרון: אני מרגיש טוב - וזה מספיק. ואיך מתסכל הוא כאשר אתה בא מתוך דפדפן האינטרנט שלך או מכשיר סלולרי, והאתר לא מוצג כראוי. במקרים כאלה, הסיוע מגיע בעיצוב אדפטיבית ופריסה לדפדפנים.

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

Walkthrough בכלל

אז, בואו נסתכל על איך ליצור סידור לדפדפנים. בתחילה צריך לקבוע אילו תוכניות תעבודנה באתר. שימו לב כי מספר דפדפני אינטרנט קרוב למאתיים, ולכן מנסה לרצות את כולם - מדובר במורכבות מדהימה. לכן, לבחור מספר בין 3 ל 8. כדי להחליט במה להתמקד, אתה יכול להשתמש ושירותי תמיכה כגון Yandex Metrika ו Google Analytics. אחרי זה אתה צריך לברר איך הבעיה תיפתר להשיג לדפדפנים.

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

עיצוב גמיש

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

ישנם כמה דפדפנים, כמו אופרה אופרה מיני. на мобильных телефонах. ראשית השתמש במחשבים שולחניים, והשני - על טלפונים ניידים. באופן כללי הם דומים, אבל יש מספר תכונות. במקרים כאלה, חשוב לחבר את קבצים בודדים ו / או שימוש בשאילתות מדיה. מה זה? במקרה הראשון, זה יוצר קובץ נפרד, אשר שואף לעבוד בדפדפן ספציפי, ורושמת האתגר שלהם. במקרה השני, אתה חייב להגיש באמצעות שאילתות מדיה. אם התכנית שלך עונה על הדרישות הספציפיות של הקובץ הטעון בתצורה הרצויה.

מה עלי לעשות?

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

הוא הרוחב היה להגדיר בשיעור של 800rh. במסך ב 1600rh זה יהיה אטרקטיבי למדי. אבל על 700rh זה ייראה מגוחך. מה לעשות במקרה זה? אתה לא יכול לציין את גודל בפיקסלים, ואחוז! והחזק את הכתובת לא תהיה באורך קבוע, ואת מחצית רוחבו של המסך. האחוז ניתן להגדיר את המרחק שבו מרכיב ספציפי יוצב על הקצוות של המסך. אבל הנה מה לעשות אם המסך קטן מדי?

נניח שזה 300 פיקסלים? במקרה זה, אנחנו נעזור שאילתא מדיה שצריכה לתקן רוחב קופה. ואם זה שווה 700rh ופחות, אפשר לקבוע כי סימן יתפוס 75% מהמושבים. ואם הרוחב שווה 300 פיקסלים או פחות, אפשר לחשוף 100%. הנושא כולו הוא מאוד מעניין ושימושי, ולכן ניתן ללמוד בפירוט רב. אבל, אבוי, יש מידע על הספר, ולשים הכל בכתבה לא יעבוד.

למה פריסה לדפדפנים אדפטיבית מושכת את מנועי החיפוש?

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

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

מסקנה

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