የ AMP ጥቅሞች እና ከተገቢነት የድረ ገጽ ንድፍ እንዴት ይለያል?
ያለፉትን ጥቂት የትንታኔ የትራፊክ ትራፊክ ለድር ጣቢያዎች ከተመለከቱ, ሁሉም በጋራ የተለመዱ ነገሮች አንድ ላይ ተካፋይ ይሆናሉ - በሞባይል መሳሪያዎች ላይ ከተጠቃሚዎች የሚያገኟቸውን የጎብኚዎች ቁጥር መጨመር.
በመላው ዓለም "ተለምዷዊ መሣሪያዎች" ብለን ከምናስበው ይልቅ በሞባይል መሳሪያዎች የሚመጡ ተጨማሪ የድር ትራፊክዎች አሉ, ይህም በመሠረቱ የዴስክቶፕ ወይም ላፕቶፕ ኮምፒውተሮች ማለት ነው. ተንቀሳቃሽ ኮምፕዩተር ሰዎች የመስመር ላይ ይዘትን የሚጠቀሙበትን መንገድ ቀይሯል, ይህ ማለት በተንቀሳቃሽ ስልክ ላይ የተመሰረቱ ታዳሚዎች ለተጠቃሚዎቹ ድርጣቢያዎችን መገንባት ያለበትን መንገድ ለውጦታል ማለት ነው.
ለሞባይል ታዳሚዎች ግንባታ
«ለሞባይል ተጓዳኝ ድር ጣቢያዎች» መፍጠር ለበርካታ ዓመታት ለድር ባለሙያዎች ቀዳሚነት ሆኗል. በሁሉም መሳሪያዎች በደንብ የሚሰሩ ጣቢያዎችን ለመፍጠር ለማገዝ ዓላማው እንደ ምላሽ ሰጪ የድር ዲዛይን የመሳሰሉ ስራዎች እና በድር ጣቢያ አፈጻጸም እና በፍጥነት የወረደ ጊዜዎች ላይ ትኩረት የተደረገባቸው ሁሉም ተጠቃሚዎች, ሞባይል ወይም በሌላ መልኩ ተጠቃሚ ናቸው. ለሞባይል ተስማሚ ጣቢያዎች ሌላው አቀራረብ የፍጥነት ድረ ገጾችን (አፋጣኝ የተንቀሳቃሽ ስልክ ድረ ገጾችን) የሚያመለክት የ AMP ዌብ ፐሮይድድ በመባል ይታወቃል.
ይህ ፕሮጀክት በ Google የተደገፈ ሆኖ, የድር ጣቢያ አታሚዎች በሞባይል መሳሪያዎች ላይ በፍጥነት የሚጫኑ ጣቢያዎችን እንዲፈጥሩ ለመግለጽ እንደ ግልጽ ክፍተት ሆኖ የተፈጠረ ነው. ይሄ እንደ ምላሽ ሰጪ የድር ዲዛይን ብዙ ይሰማኛል ብለው ካመኑ ስህተት የለዎትም. ሁለቱ ጽንሰ ሐሳቦች ብዙ በጋራ ያገኟቸዋል, ሁለቱም ሁለቱም በተንቀሳቃሽ መሳሪያ ላይ ለተጠቃሚዎች ይዘት መስጠት ላይ ያተኮሩ ናቸው. ይሁን እንጂ በእነዚህ ሁለት መንገዶች መካከል በርካታ ልዩነቶች አሉ.
AMP እና Responsive Web Design መካከል ቁልፍ ልዩነቶች
ምላሽ ሰጪ የድር ዲዛይን ጥንካሬዎች አንድ ጊዜ ለጣቢያው የሚጨምር ለውጥ ነው. ለጎብኚው ማያ ገጽ መጠን በራስ ሰር ምላሽ የሚሰጥ አንድ ገጽ መፍጠር ይችላሉ. ይሄ የእርስዎ ገጽ ወደ ተንቀሳቃሽ ስልክ እና ጡባዊ እስከ ላፕቶፖች ድረስ ወደ ላፕቶፖች, ዴስክቶፖች እና ከዛ በላይ ለሆኑ ሰፊ የመሣሪያዎች እና የማያ ገጽታዎች መጠን ጥሩ ተሞክሮ እንዲያቀርቡ ያስችልዎታል. ተኮር የድር ዲዛይን በሁሉም ተንቀሳቃሽ መሳሪያዎች ላይ ብቻ ሳይሆን በሁሉም የተጠቃሚ ተሞክሮዎች ላይ አተኩሯል. ይህ በአንዲንዴ መንገዴ ጥሩ እና መጥፎ ነው.
በአንድ ጣቢያ ውስጥ ተጣጥሎ መቀባት ትልቅ ነው, ነገር ግን በሞባይል ላይ ማተኮር በእርግጥ ከፈለጉ በተንቀሳቃሽ ስልክ ላይ ብቻ ከተመረኮዙ በሁሉም ማያ ገጾች ላይ የሚያተኩር ጣቢያ መፈጠር ለሞቅሉ የተሻሉ የሞባይል አፈጻጸም ማስተካከል ይችላሉ. ይህ AMP በጀርባ ያለው ፅንሰ ሐሳብ ነው.
AMP በከፍተኛ ፍጥነት ላይ ያተኮረ ሲሆን ማለትም በሞባይል ፍጥነት ነው. ማልተብል ኡብ እንደገለጸው ለዚህ ፕሮጀክት Google Tech Lead በ AMP በኩል "ለድር ይዘት ፈጣን ምላሽ መስጠት" የሚል ዓላማ አለው.
- ሰነፍ መጫን
- የቅድሚያ ግንኙነትን መጠቀም
- ቅድመ-መቆጣጠሪያ መርጃዎች
- አስምር ጃቫስክሪፕት
- የመስመር ውስጥ ቅጥ ሉሆች
- ምንም ሊወረዱ የማይችሉ ቅርፀ ቁምፊዎች
- የመረጃ ፍላጎት ቅድሚያ መስጠት
እነዚህ በአስችኳይ የ AMP መጫን በጣም ፈጣን ከሚያደርጉት የአስተዳደር ኃላፊዎች ጥቂቶቹ ናቸው. ይሁን እንጂ የረጅም ጊዜ የድር ባለሙያዎችን የሚያጠቋቸው ዝርዝር ውስጥ ያሉ አንዳንድ ዝርዝሮች አሉ. የውስጠ-መስመር ቅጥ ሉኮች , ለምሳሌ. አብዛኞቻችን ሁለም ስሌጣኖች በውጫዊ ቅጥ ሉሆች ውስጥ መቀመጥ እንዯነበረን ሇዓመታት ተነስተን ነው. ብዙ የጣቢያ ገጾችን ሁሉንም በአንድ ገጽታ ላይ ማሳበብ መቻል የ CSS - ጥንካሬዎች አንዱ ነው - ገፆች በመስመር ቅጦች (ኮርፖሬሽንስ) የሚጠቀሙ ከሆነ ግን የሚጎዳ ነው. አዎ, ውጫዊውን ፋይል ማውረድ አስፈላጊ አይሆንም, ነገር ግን ያንን ጠቅላላ ጣቢያ ከነጠላ ቅጦች ጋር ማስተዳደር በሚያስፈልግበት ወጪ. ስለዚህ የትኛው አቀራረብ የተሻለ ነው? እውነታው ግን ሁለቱም ጥቅሞቻቸው እና ችግሮቻቸው ያላቸው መሆኑ ነው. ድሩ ሁልጊዜ በመለወጥ እና ጣቢያዎን የጎበኙ ሰዎች የተለያዩ ፍላጎቶች አሏቸው. በተለያዩ ሁኔታዎች ተግባራዊ ሊሆኑ የሚችሉ ደንቦችን ማዘጋጀት በጣም አስቸጋሪ ነው, ምክንያቱም የተለያዩ አቀራረቦች በተለያዩ ሁኔታዎች ውስጥ ትርጉም ያላቸው ናቸው. ቁልፉ በተናጥልዎት ውስጥ የትኛው የተሻለ እንደሚሆን ለመወሰን የእያንዲንደ አቀራረብ ጥቅማጥቅሞችን ወይም ጉዲቶችን ማመዛዘን ነው.
AMP እና RWD መካከል ሌላ ቁልፍ ልዩነት ምላሽ ሰጪ ንድፍ በተለየ ጣቢያ ላይ «በተጨባጭ» ላይ አለመሆኑ ነው. ምክንያቱም የ RWD በትክክል የጣቢያውን ሥነ ሕንጻ እና ልምድ በመሠረታዊ መልኩ ለመጥቀስ, በአጠቃላይ ይህ ጣቢያ ምላሽ ሰጪ ቅጦችን ለማስተናገድ በድጋሚ የተነደፈ እና ዳግም የተገነባ እንዲሆን ይጠይቃል. ይሁን እንጂ AMP በነባር ጣቢያ ላይ ሊገባ ይችላል. እንዲያውም, አሁን ባለው ምላሽ ሰጪ ጣቢያ ውስጥ ሊገባ ይችላል.
የጃቫስክሪፕት ትኩረት
ከ RWD ጋር ተመሳሳይ ጣቢያዎች, የ AMP ጣቢያዎች በጃቫስክሪፕት በደንብ አይጫወቱም. ይህ በአሁኑ ጊዜ በጣቢያዎች በጣም ታዋቂ የሆኑ የ 3 ኛ ወገን ድግግሞሽ እና ቤተ-መጻህፍት ያካትታል. እነዚህ ቤተ-ፍርግሞች ጣቢያው ላይ የሚደንቅ ተግባራትን ማከል ይችላሉ ነገር ግን በአፈፃፀም ላይ ተጽዕኖ ያሳድራሉ. ስለዚህ, በፋይ ገጽ ፍጥነት ላይ አንድ ትኩረት ትኩረትን የጃቫስክሪፕት ፋይሎችን ማለፍ ይጀምራል ብሎ ያምናል. ለዚህ ምክንያቱ ኤፒአይ በተደጋጋሚ ተለዋዋጭ ወይም በተለየ ምክንያታዊ የጃቫስክሪፕት ውጤቶች ለሚያስፈልጋቸው በመደበኛ ድረገፆች ላይ ነው. ለምሳሌ, «lightbox» ቅጥ ተሞክሮዎችን የሚጠቀም የድር ጣቢያ ማዕከለ-ስዕላት ለ AMP ታላቅ እጩ አይደለም. በሌላ በኩል, ምንም አይነት ምርጥ ቅፅል የማይገባበት መደበኛ ድር ጣቢያ ጽሁፍ ወይም የፕሬስ ጋዜጣ ከ AMP ጋር የሚያቀርበው ትልቅ ገፅ ነው. ያ ገጽ ሰዎች በማህበራዊ ሚዲያ ወይም በሞባይል ጉግል ፍለጋ ላይ ያለውን አገናኝ ሊመለከቱ የሚችሉ ሞባይል መሳሪያዎችን የሚጠቀሙ ሰዎች ሊነበቡ ይችላሉ. አስቀያሚ የ Javascript እና ሌሎች ሃብቶች ሲጫኑ የፍለጋውን ፍጥነት ከማቀዝወል ይልቅ ለደንበኞች ጥሩ ተሞክሮዎችን ያቀርባል.
ትክክለኛውን መፍትሔ መምረጥ
ስለዚህ የትኛው አማራጭ ለእርስዎ ነው - AMP ወይም RWD? በእርግጥ እርስዎ በተወሰኑ ፍላጎቶችዎ ላይ የተመረኮዘ ነው, ነገር ግን አንዱን ወይም ሌላውን መምረጥ አያስፈልግዎትም. በመስመር ላይ ያሉ ስልቶች የበለጠ ጠበብት (እና የበለጠ ስኬታማ) እንዲሆን የምንፈልግ ከሆነ ሁሉንም መሳሪያዎች በእኛ መሳሪያ ላይ ማየትና እንዴት አብረው መስራት እንደሚችሉ ይማሩ. ይህ ማለት ጣቢያዎን በተደጋጋሚ ማቅረብ ማለት ነው, ነገር ግን በእውነቱ ለእንደዚህ አይነት መንገድ በጣም ሊጣጣሙ በሚችሏቸው ክፍሎች ወይም ገጾች ላይ ኤም ፒን መጠቀም ነው. በተጨማሪም የተለያዩ አቀራረቦችን ማየትና የተለያዩ ፍላጎቶችን የሚያሟሉ እና ሁለቱንም የዓለምን ጎብኚዎች ጎብኚዎች የሚያቀርበውን ድብልቅ መፍትሄዎችን መፍጠር ይችላሉ.