View All URLs
Οδηγίες για τη σωστή διαμόρφωση των πλήρων αποτελεσμάτων αναζήτησης.
Επισκόπηση
Το URL «Εμφάνιση όλων των αποτελεσμάτων» εμφανίζεται στην αναζήτηση και οδηγεί τους χρήστες σε μια σελίδα με όλα τα αποτελέσματα στον ιστότοπό σας. Μπορείτε να το ρυθμίσετε ώστε να περιλαμβάνει αυτόματα τον όρο αναζήτησης του χρήστη.
✨ Βασικά οφέλη
- • Ομαλή εμπειρία χρήσης: Ο όρος αναζήτησης διατηρείται στη σελίδα αποτελεσμάτων
- • Ευέλικτη ενσωμάτωση: Λειτουργεί με κάθε δομή URL
- • Συμβατότητα με SEO: Κατάλληλες παράμετροι URL για την ευρετηρίαση αναζήτησης
- • Αυτόματη κωδικοποίηση: Οι ειδικοί χαρακτήρες κωδικοποιούνται με ασφάλεια
Το {query} placeholder
Το {query} placeholder αντικαθίσταται αυτόματα με τον όρο αναζήτησης του χρήστη. Έτσι μπορείτε να δημιουργείτε δυναμικά URL που λειτουργούν με κάθε αναζήτηση.
Πώς λειτουργεί
- 1. Αναζήτηση χρήστη: Ο χρήστης εισάγει «wireless headphones»
- 2. Ρύθμιση: Το URL έχει οριστεί σε
https://store.com/search?q={query} - 3. Δημιουργία URL: Το σύστημα δημιουργεί
https://store.com/search?q=wireless%20headphones - 4. Επιλογή χρήστη: Η επιλογή «View All» ανοίγει τη σελίδα με όλα τα αποτελέσματα
Αυτόματη κωδικοποίηση URL
Οι ειδικοί χαρακτήρες στους όρους αναζήτησης κωδικοποιούνται αυτόματα ώστε τα URL να είναι έγκυρα:
Original Query: "wireless bluetooth headphones"
Encoded Result: "wireless%20bluetooth%20headphones"
Original Query: "gaming mouse (RGB)"
Encoded Result: "gaming%20mouse%20%28RGB%29"
Original Query: "search-term/special&chars"
Encoded Result: "search-term%2Fspecial%26chars"} Παραδείγματα ρύθμισης URL
Ακολουθούν συνηθισμένα μοτίβα URL που μπορείτε να χρησιμοποιήσετε με το {query} placeholder:
URL με παραμέτρους αναζήτησης
https://example.com/search?q={query} https://shop.com/products?term={query} https://store.com/search?q={query}&category=all URL με τον όρο στη διαδρομή
https://example.com/search/{query} https://store.com/products/search/{query} URL με hash (SPA)
https://app.example.com/#/search?query={query} https://spa.example.com/#/search/{query} Παραδείγματα ανά πλατφόρμα
🛒 Shopify
https://your-store.myshopify.com/search?q={query} 🌿 WooCommerce
https://your-site.com/?s={query}&post_type=product 💻 WordPress
https://your-site.com/?s={query} 🛍️ Magento
https://your-store.com/catalogsearch/result/?q={query} Κανόνες επικύρωσης URL
Τα URL προβολής όλων των αποτελεσμάτων πρέπει να ακολουθούν αυτούς τους κανόνες επικύρωσης για να λειτουργούν σωστά:
✅ Έγκυρα παραδείγματα
- •
https://example.com/search?q={query}- Τυπική παράμετρος - •
https://example.com- Χωρίς placeholder (απενεργοποιεί τη λειτουργία) - •
https://app.example.com/#/search/{query}- Διαδρομή με hash - •
https://store.com/products?term={query}&page=1- Πολλαπλές παράμετροι
❌ Μη έγκυρα παραδείγματα
- •
https://example.com/search?q={query}&term={query}- Πολλαπλά placeholders - •
not-a-url- Μη έγκυρη μορφή URL - •
https://example.com/search?q=quesry- Τυπογραφικά λάθη στο placeholder - •
https://example.com/search?q={ query }- Επιπλέον κενά ή χαρακτήρες
Βήματα ρύθμισης
-
Βήμα 1: Ανοίξτε τις ρυθμίσεις του site
Ανοίξτε τις ρυθμίσεις του site σας στο qwik.select Studio.
-
Βήμα 2: Βρείτε το πεδίο View All URL
Βρίσκεται στην ενότητα «Search Configuration» ή «Display Settings» του site σας.
-
Βήμα 3: Εισαγάγετε το URL σας
Εισαγάγετε το URL σας με ή χωρίς το
{query}placeholder.https://mystore.com/search?q={query} -
Βήμα 4: Δοκιμάστε τη ρύθμιση
Κάντε μια αναζήτηση και πατήστε «View All Results» για να επιβεβαιώσετε ότι το URL λειτουργεί σωστά.
Τεχνική υλοποίηση
Η κατανόηση της επεξεργασίας του URL βοηθά στον εντοπισμό σφαλμάτων και στις προσαρμοσμένες υλοποιήσεις:
// JavaScript example of URL processing
function processViewAllUrl(url, query) {
if (!url) return url;
// URL encode the query for safety
const encodedQuery = encodeURIComponent(query);
// Replace the {query} placeholder
return url.replace(/{query}/g, encodedQuery);
}
// Validation function
function validateViewAllUrl(url) {
if (!url) return true; // Empty URLs are valid (disables feature)
try {
new URL(url); // Check if it's a valid URL
// Count {query} placeholders
const queryPlaceholderCount = (url.match(/{query}/g) || []).length;
// Allow 0 or 1 placeholder only
return queryPlaceholderCount <= 1;
} catch {
return false; // Invalid URL format
}
}
// Usage example
const configUrl = "https://store.com/search?q={query}";
const userQuery = "wireless bluetooth headphones";
const finalUrl = processViewAllUrl(configUrl, userQuery);
// Result: "https://store.com/search?q=wireless%20bluetooth%20headphones"} Αντιμετώπιση προβλημάτων
⚠️ Το URL δεν λειτουργεί
Επιβεβαιώστε ότι το URL έχει σωστή μορφή και είναι προσβάσιμο. Δοκιμάστε το χειροκίνητα με έναν ενδεικτικό όρο αναζήτησης για να βεβαιωθείτε ότι ο ιστότοπός σας το χειρίζεται σωστά.
⚠️ Προβλήματα ειδικών χαρακτήρων
Αν οι ειδικοί χαρακτήρες δεν λειτουργούν, ελέγξτε ότι ο διακομιστής σας αποκωδικοποιεί σωστά τις παραμέτρους URL. Η πλατφόρμα qwik.select χειρίζεται αυτόματα την κωδικοποίηση URL.
⚠️ Η επιλογή «View All» δεν εμφανίζεται
Βεβαιωθείτε ότι το πεδίο URL δεν είναι κενό. Αν δεν έχει οριστεί URL, η επιλογή «View All Results» δεν εμφανίζεται.