Google Search Console ઘણીવાર Next.js સાઇટ્સમાં soft 404 ભૂલો (errors) દર્શાવે છે, જેનાથી crawl budget વેડફાઈ શકે છે.

Soft 404 ખરેખર શું છે

સાચો 404 પ્રતિસાદ (response) HTTP 404 સ્ટેટસ કોડ મોકલે છે, જે બ્રાઉઝર્સ અને બોટ્સને જણાવે છે કે વિનંતી કરેલ રિસોર્સ અસ્તિત્વમાં નથી. તેનાથી વિપરીત, soft 404 માં બહુ ઓછું અથવા કોઈ કન્ટેન્ટ આપ્યા વિના 200 OK સ્ટેટસ પરત મળે છે. સર્ચ એન્જિન 200 ને હેલ્ધી પેજ તરીકે વાંચે છે, છતાં પેજ કોઈ મૂલ્ય પ્રદાન કરતું નથી. પરિણામે crawl cycles વેડફાય છે અને Google ને સંકેત મળે છે કે સાઇટના કન્ટેન્ટની ગુણવત્તા ઓછી છે.

Next.js આ જાળમાં કેમ ફસાય છે

Next.js નું dynamic routing તમને દરેક URL ને hard-code કર્યા વિના /products/[slug] જેવા પેજ સર્વ કરવાની સુવિધા આપે છે. જ્યારે કોઈ પ્રોડક્ટ ડેટાબેઝમાંથી નીકળી જાય છે, ત્યારે પણ ઘટક (component) રેન્ડર થાય છે, અને જો કોડ ખૂટતા ડેટા માટે તપાસ ન કરે, તો Next.js ડિફોલ્ટ રીતે 200 OK સાથે જવાબ આપે છે. જ્યારે વપરાશકર્તા URL ખોટી રીતે ટાઈપ કરે અથવા રીડિઝાઇન પછી જૂના રૂટ્સ (routes) બાકી રહી જાય ત્યારે પણ આવું જ થાય છે. પેજ લોડ થાય છે, પરંતુ તે કોઈ અર્થપૂર્ણ કન્ટેન્ટ આપતું નથી, જેનાથી Search Console માં soft-404 ફ્લેગ ટ્રિગર થાય છે.

સાઇટ માલિકો માટે જોખમો

  • Crawl budget નો બગાડ – બોટ્સ દરેક સાઇટ દીઠ મર્યાદિત સંખ્યામાં વિનંતીઓ (requests) ફાળવે છે. Soft 404s આ ક્વોટાનો વપરાશ કરી નાખે છે, જેનાથી સાચા પેજ ઇન્ડેક્સ થવાની તકો ઘટી જાય છે.
  • SEO પેનલ્ટી – વારંવાર આવતા soft 404s સર્ચ એન્જિનને જણાવે છે કે સાઇટની ગુણવત્તા ઓછી છે.
  • યુઝર એક્સપિરિયન્સ પર અસર – ખાલી પેજ પર પહોંચતા મુલાકાતીઓ તરત જ નીકળી જાય છે (bounce), જેનાથી bounce rates વધે છે અને conversions ને નુકસાન થાય છે.

Soft 404 ને યોગ્ય 404 માં કેવી રીતે બદલવું

1. બિલ્ટ-ઇન notFound હેલ્પરનો ઉપયોગ કરો

  • App Router – next/navigation માંથી notFound ઇમ્પોર્ટ કરો. ડેટા ફેચ કર્યા પછી, જો પરિણામ ન મળે તો notFound() કોલ કરો. ત્યારબાદ Next.js સાચો 404 સ્ટેટસ મોકલે છે.
  • Pages Router – જ્યારે ડેટા ફેચ કરવામાં નિષ્ફળતા મળે ત્યારે getStaticProps અથવા getServerSideProps માંથી { notFound: true } રિટર્ન કરો. જૂના routing API માટે તે પણ સમાન કામ કરે છે.

2. કસ્ટમ 404 પેજ ડિપ્લોય કરો

ડિફોલ્ટ એરર પેજ વપરાશકર્તાઓને મૂંઝવણમાં મૂકી દે છે. નેવિગેશન લિંક્સ, સર્ચ બોક્સ અથવા સંબંધિત કન્ટેન્ટ માટેના સૂચનો સાથે app/not-found.js (App Router) અથવા pages/404.js (Pages Router) બનાવો. સારી રીતે ડિઝાઇન કરેલ 404 પેજ મુલાકાતીઓને સીધા બહાર મોકલવાને બદલે સાઇટ પર જ રાખે છે.

3. ઓર્ફેન્ડ (orphaned) રૂટ્સ સાફ કરો

જે સ્ટેટિક પેજ હવે કોઈ ઉપયોગમાં નથી તેને ડિલીટ કરો. જો કોઈ ફાઇલ રહેલી હોય પરંતુ તેનું કન્ટેન્ટ ખાલી હોય, તો notFound પ્રતિસાદ ઉમેરો અથવા ફાઇલને સંપૂર્ણપણે દૂર કરો. pages અથવા app ડિરેક્ટરીનું નિયમિત ઓડિટ કરવાથી ડેડ (dead) URL બહાર આવતા અટકે છે.

4. બદલાયેલા કન્ટેન્ટ માટે કાયમી (301) રિડાયરેક્ટ સેટ કરો

જ્યારે પેજનું URL બદલાય છે, ત્યારે 301 રિડાયરેક્ટ બ્રાઉઝર્સ અને બોટ્સને જણાવે છે કે રિસોર્સ કાયમી ધોરણે ખસેડવામાં આવ્યું છે. next.config.js માં redirects કી હેઠળ રિડાયરેક્ટ્સ ઉમેરો. આ જૂના URL ને કોઈ કન્ટેન્ટ વિના 200 રિટર્ન કરતા અટકાવે છે.

5. Search Console એલર્ટ્સ પર દેખરેખ રાખો અને પગલાં લો

soft 404s શોધવા માટે Google Search Console વારંવાર તપાસતા રહો. ભૂલો વધી જાય તે પહેલાં તેને શોધવા માટે ઓટોમેટેડ ક્રોલરનો ઉપયોગ કરો. દરેક એલર્ટને અન્ડરલાઇંગ ડેટા-ફેચ લોજિક ચકાસવા માટેના સંકેત તરીકે ગણો.

નિષ્કર્ષ

જે પેજ કોઈ કન્ટેન્ટ આપ્યા વિના 200 OK રિટર્ન કરે છે તે છૂપી રીતે SEO મૂલ્ય ઘટાડે છે. Next.js માં, dynamic routes અને અનચેક્ડ ડેટા ફેચિંગ soft 404s ને સામાન્ય બનાવે છે, પરંતુ તમે તેને દૂર કરી શકો છો. notFound નો ઉપયોગ કરો, ઉપયોગી કસ્ટમ 404 બનાવો, ઓર્ફેન્ડ રૂટ્સ દૂર કરો, 301 રિડાયરેક્ટ્સ કોન્ફિગર કરો, અને crawl budget ને સુરક્ષિત કરવા, રેન્કિંગ જાળવી રાખવા અને મુલાકાતીઓને સાઇટ પર રાખવા માટે Search Console માં સતર્ક રહો.