WordPress został zaprojektowany przede wszystkim do obsługi wpisów i stron na blogach, ale zdarzają się sytuacje, w których konieczne może być dodanie statycznej strony HTML do twojej witryny internetowej. Może to być przydatne w przypadku własnych projektów lub samodzielnych treści.
Wyzwanie polega na tym, że WordPress nie rozpoznaje automatycznie tych stron HTML, co może prowadzić do błędów 404. Widzieliśmy wielu początkujących użytkowników zmagających się z tym problemem.
W tym artykule pokażemy prawidłowe kroki, aby załadować stronę HTML do WordPressa bez wywoływania błędu 404. Używamy tych samych kroków podczas dodawania strony HTML do witryny internetowej WordPress.
Dlaczego warto przesyłać strony HTML do WordPressa?
WordPress posiada wbudowany rodzaj treści do dodawania stron do twojej witryny internetowej. Często motywy WordPress dodają wstępnie zaprojektowane szablony stron do wyświetlania twoich stron.
Doskonałe wtyczki WordPress landing page pozwalają na tworzenie 111111 pięknych szablonów stron za pomocą kreatora drag-and-drop.
W większości przypadków nie powinieneś mieć potrzeby przesyłania strony HTML do twojej witryny WordPress.
Porada eksperta: Zalecamy korzystanie z SeedProd, najlepszej wtyczki WordPress page builder, do projektowania własnych stron. Możesz użyć jej interfejsu „przeciągnij i upuść”, aby zaprojektować twoją stronę docelową. Ponadto zawiera ona profesjonalnie zaprojektowane szablony, które można wykorzystać jako punkty wyjścia.
Czasami jednak możesz mieć statyczne strony HTML z twojej starej witryny internetowej lub statyczny szablon, który lubisz i chcesz użyć.
W tych scenariuszach konieczne będzie przesłanie twojej strony HTML do WordPressa.
Ponieważ WordPress ma własną, przyjazną dla SEO strukturę adresów URL, może powodować błąd 404, jeśli po prostu załadujesz swoją stronę HTML i spróbujesz uzyskać do niej dostęp.
W związku z tym przyjrzyjmy się, jak przesłać stronę HTML do twojej witryny WordPress bez powodowania błędów 404.
Wgrywanie strony HTML do witryny WordPress
Najpierw musisz przygotować stronę HTML, którą chcesz przesłać.
Jeśli jest to pojedyncza strona HTML bez oddzielnych plików CSS lub obrazków, można ją przesłać w takiej postaci.
Jeśli jednak strona, którą chcesz przesłać, zawiera oddzielne pliki CSS i obrazki, musisz umieścić je w strukturze katalogów.
Najlepiej byłoby umieścić twoje pliki w katalogu na komputerze.
Nie zapomnij otworzyć twojego głównego pliku HTML, aby upewnić się, że wszystko działa zgodnie z oczekiwaniami.
Następnie musisz połączyć się z twoją witryną WordPress za pomocą klienta FTP lub aplikacji Menedżer plików w panelu sterowania konta hostingowego.
Następnie musisz przesłać utworzony wcześniej katalog do katalogu głównego twojej witryny internetowej WordPress. Katalog główny to ten, w którym znajdują się foldery wp-admin
, wp-content
i wp-includes
.
Po przesłaniu plików możesz przejść do swojej witryny internetowej, aby zobaczyć swoją stronę HTML.
Jeśli przesłałeś katalog z kodem HTML i towarzyszącymi mu plikami CSS i obrazkami, musisz dodać nazwę przesłanego katalogu na końcu adresu twojej witryny internetowej w następujący sposób:
https://example.com/landing-page/
Uwaga: Główny plik HTML w twoim katalogu powinien mieć nazwę index.html. W przeciwnym razie będziesz musiał podać również nazwę pliku HTML.
Z drugiej strony, jeśli przesłałeś samodzielny plik HTML, po prostu dodaj nazwę pliku HTML na końcu adresu twojej witryny internetowej:https://example.com/landing-page.html
Zobaczysz teraz twoją załadowaną stronę HTML.
Jeśli napotkasz stronę błędu, będziesz musiał go rozwiązać.
Rozwiązywanie problemów z przesyłaniem stron HTML w WordPressie
Normalnie, powinieneś być w stanie zobaczyć twoją stronę HTML przechodząc bezpośrednio na stronę lub katalog.
Jednak ze względu na reguły przepisywania używane przez WordPress lub twój serwer WWW, istnieje prawdopodobieństwo, że możesz napotkać pewne typowe błędy WordPress.
1. Poprawka błędu 404 po załadowaniu strony HTML w WordPressie
Błąd 404 jest jednym z najczęstszych błędów WordPress. Jednak w większości przypadków jest on dość łatwy do poprawienia.
Jeśli po załadowaniu twojej strony HTML pojawia się błąd 404, wystarczy dodać regułę przepisywania do pliku .htaccess:
RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]
2. Poprawka błędu 403 po załadowaniu strony HTML w WordPressie
Błąd 403 może również wystąpić z powodu uprawnień do plików na twojej nowo przesłanej stronie HTML lub przesłanym katalogu.
Wystarczy połączyć się z twoją witryną internetową za pomocą klienta FTP i kliknąć, aby wybrać stronę HTML lub przesłany katalog.
Następnie kliknij prawym przyciskiem myszy i wybierz opcję „Uprawnienia plików” w twoim kliencie FTP.
Spowoduje to wyświetlenie wyskakującego okienka uprawnień do pliku. W polu wartości liczbowej wpisz „755” i zaznacz opcję „Recurse into subdirectories”.
Następnie wybierz opcję „Zastosuj do wszystkich plików i katalogów” i kliknij przycisk „OK”.
Spowoduje to ustawienie uprawnień do plików dla twojego folderu przesyłania HTML oraz wszystkich plików i katalogów w nim zawartych.
Aby uzyskać więcej informacji, zapoznaj się z naszym poradnikiem na temat poprawki błędów uprawnień plików i katalogów w WordPress.
Dodawanie własnej strony HTML do XML Sitemaps
Teraz, gdy załadowałeś swoją stronę HTML, nadszedł czas, aby poinformować wyszukiwarki, że jest ona częścią Twojej witryny internetowej.
Najprostszym sposobem na to jest dodanie go do map witryn XML dla twojej witryny internetowej.
Jeśli jeszcze nie skonfigurowałeś map witryn, postępuj zgodnie z instrukcjami w naszym artykule na temat dodawania map witryn XML w WordPress.
Najpierw należy zainstalować i włączyć wtyczkę All in One SEO for WordPress. Więcej szczegółów można znaleźć w naszym artykule na temat instalacji wtyczki WordPress.
Po włączaniu przejdź do strony All in One SEO ” Sitemaps. Na stronie Ustawienia ogólne upewnij się, że przełącznik „Włącz mapę witryny” jest włączony.
Następnie przewiń nieco w dół do sekcji Dodatkowe strony.
Przesuń przełącznik, aby włączyć tę sekcję, a następnie wpisz adres URL strony HTML lub katalogu w opcji „Adres URL strony”.
Kliknij przycisk „Dodaj stronę”, aby ją dodać.
Następnie nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać twoje ustawienia.
All in One SEO będzie teraz uwzględniać adres URL Twojej własnej strony HTML w mapach witryn WordPress XML. Wyszukiwarki będą mogły znaleźć adres URL i traktować go jak każdą inną stronę z twojej witryny internetowej.
Zasoby bonusowe
Poniżej znajduje się kilka dodatkowych zasób, które mogą okazać się pomocne w radzeniu sobie z błędami 404 lub zarządzaniu stronami w twojej witrynie internetowej:
- Jak ulepszyć twój szablon strony 404 w WordPress (2 sposoby)
- Jak otrzymywać powiadomienia e-mail o błędach 404 w WordPress?
- Najlepsze darmowe wtyczki 404 Redirect dla WordPressa
- Jak uporządkować lub zmienić kolejność stron WordPress za pomocą funkcji przeciągnij i upuść?
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak przesłać stronę HTML do WordPressa bez powodowania błędów. Możesz również zapoznać się z naszym przewodnikiem SEO WordPress, aby uzyskać większy ruch lub naszym przewodnikiem dla początkujących na temat szybkości i wydajności WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Dennis Muthomi
This was really helpful!
I was able to upload the HTML files correctly using FileZilla and it actually worked without any issues. Adding the custom page to the XML sitemaps was also a great tip to make sure search engines can find it.
thanks for providing such a clear walkthrough!
WPBeginner Support
You’re welcome
Administrator
Jiří Vaněk
Thank you for the advice. I tried it on FTP without success and the only thing missing for it to work was the htaccess code. Perfect.
WPBeginner Support
Glad our guide could help
Administrator
Irene
Anytime I have any WordPress related question and I search on Google, I always know I would get the most reliable and very simplified explanation whenever I scroll to find WPbeginners article on the search results.
This article and your other articles have always been helpful. I’m glad I belong here. Thank you.
WPBeginner Support
Thank you, glad we can help solve any issues you run into
Administrator
David Leitch
Hi Thanks for this article. It almost solves my workflow problem.
I have some excel files I update each week. I want to upload charts and tables from those files to word press each week. Preferably the upload would happen automatically but the only way I have seen to do this is to save the excel page as .htm. I wanted to save it into the wordpress directory and then use an embed link. Do you have a suggestion?
thank you
WPBeginner Support
For what it sounds like you’re wanting, you would want to take a look at our article here: https://www.wpbeginner.com/plugins/how-to-embed-pdf-spreadsheet-and-others-in-wordpress-blog-posts/
Administrator
Raashid Din DAR
Found this article helpful. Keep the good work up.