O Disha Sharma
Disha Sharma jest pisarzem cyfrowo-marketingowym-freelancerem. Pisze o SEO, e-mailu i content marketingu oraz o generowaniu leadów.
Połączyć:
Squarespace jest jednym z fantastycznych twórcy stron internetowych. Jest to idealne rozwiązanie, jeśli używasz swojej witryny internetowej bez martwienia się o problemy z konfiguracją i konserwacją systemów CMS, takich jak WordPress.
Będziesz zaskoczony, jak szybko i łatwo możesz stworzyć wspaniałą stronę internetową z samą nazwą domeny i subskrypcją Squarespace.
W tym przewodniku Squarespace dla początkujących przyjrzymy się dokładnym krokom, które musisz wykonać, aby utworzyć i uruchom swoją pierwszą witrynę internetową.
Omówimy następujące komponenty Squarespace:
Kiedy zrozumiesz te komponenty, będziesz w stanie zbudować dowolną witrynę internetową za pomocą platformy.
Zanim zaczniesz używać Squarespace do tworzenia swojej witryny, będziesz potrzebować kilku rzeczy:
W ramach jednego z kroków konfiguracji naszej witryny połączymy nazwę domeny z kontem Squarespace.
Będziesz więc potrzebować nazwy domeny. Jeśli nie kupiłeś jeszcze nazwy domeny, kup ją teraz.
Możesz go też kupić w Squarespace, ale nie polecam tego.
Transfer domeny między dostawcami usług hostingowych, twórcami witryn lub systemami CMS jest zawsze łatwiejszy, gdy domena jest zarejestrowana w domenie zewnętrzny rejestrator domen.
NameCheap to doskonała usługa rejestratora nazw domen, która zapewnia konkurencyjne ceny i doskonałą obsługę. Sprawdź to, aby kupić nazwę domeny dla swojej witryny Squarespace.
Uwaga: jeśli potrzebujesz pomocy w rejestracja nazwy domeny dla Twojej witryny, pliki generatory nazw domen może pomóc.
Znajomość struktury nawigacji witryny (lub jej elementów menu głównego) przed rozpoczęciem jej tworzenia przyspiesza ten proces. Więc weź papier i narysuj, jak będzie wyglądać menu Twojej witryny. To ćwiczenie pomoże w sfinalizowaniu różnych stron, które będziesz dodawać do swojej witryny.
Na przykład możesz dodać do swojej witryny niektóre z następujących stron:
Ostatnią rzeczą, której będziesz potrzebować przed rozpoczęciem tworzenia witryny, jest treść. Więc napisz wstępne wersje robocze wszystkich stron, które zamierzasz dodać.
Zbierz wszystkie obrazy (lub filmy), które będą potrzebne do zbudowania witryny Squarespace. Jeśli potrzebujesz obrazów stockowych, też je uporządkuj. Posiadanie odpowiednich obrazów może mają ogromny wpływ na konwersjach.
Posiadanie pod ręką całej zawartości i multimediów zajmie dużo czasu.
Zacznijmy teraz od zbudowania witryny.
(Jeśli zapisałeś się już na wersję próbną Squarespace, przejdź do pierwszej części przewodnika).
Wszystkie plany Squarespace rozpoczynają się od bezpłatnego okresu próbnego. Aby zarejestrować się na bezpłatną wersję próbną, odwiedź Squarespace i wybierz opcję „UTWÓRZ STRONĘ ':
Następnie wybierz szablon.
Aby ułatwić ten krok, Squarespace grupuje swoje motywy w następujące kategorie:
Oto kilka projektów, które można znaleźć w motywach Squarespace. Kliknij poniższe miniatury, aby uzyskać bardziej przejrzysty widok.
Na potrzeby tego przewodnika skonfigurowałem go za pomocą mojego konta Squarespace.
Wybieram kategorię biznesową i wybieram szablon Montauk.
Po wybraniu szablonu Squarespace wyświetli krótki formularz rejestracyjny:
Po zakończeniu rejestracji zostaniesz przekierowany do 4-etapowego procesu personalizacji treści witryny Squarespace.
Po wypełnieniu kwestionariusza personalizacji treści serwisu widzę następujący ekran.
Jak widać na zrzucie ekranu, po lewej stronie znajduje się panel z różnymi ustawieniami projektu i preferencjami. Po prawej stronie jest podgląd mojej witryny.
Squarespace ma 10 pozycji w ustawieniach projektu:
Przyjrzyjmy się szczegółowo każdemu z tych elementów.
Nadaliśmy już naszej witrynie nazwę, więc w tym kroku dodam slogan. Ustawmy slogan na „Zasób dla początkujących użytkowników Squarespace.
Po kliknięciu przycisku jestem kierowany do narzędzia do tworzenia logo Squarespace.
To narzędzie do tworzenia logo umożliwia:
Ogólnie rzecz biorąc, narzędzie do tworzenia logo Squarespace jest dość intuicyjne. Ma różne elementy projektu lub ikony na panelu po lewej stronie.
Kiedy szukałem słowa kluczowego 'stronie internetowej', Mam wiele wspaniałych ikon. Wybrałem ten, który widzisz po prawej stronie i zrobiłem logo obrazu.
Próbowałem pobrać logo w wysokiej rozdzielczości, ale redaktor poprosił mnie o założenie konta Squarespace, aby móc to zrobić.
Jednak w tym momencie można również pobrać wersję o niskiej rozdzielczości. Na razie wystarczy.
Po zakończeniu okresu próbnego Squarespace i uaktualnieniu do planu premium powinno być możliwe bezproblemowe pobranie wersji w wysokiej rozdzielczości. Gdy otrzymasz plik w wysokiej rozdzielczości, możesz przesłać go do swojej witryny Squarespace.
Kolejne dwie opcje w ramach tego elementu projektu to ustawienie ikony ulubionych i logo udostępniania społecznościowego. Jeśli je masz, świetnie. W przeciwnym razie przejdź do następnego ustawienia.
Aby zapisać wprowadzone dotychczas zmiany, kliknij przycisk „ZAPISAĆ' przycisk na górze panelu.
Uwaga: jeśli chcesz stworzyć niesamowitą ulubioną ikonę dla swojej witryny, oto lista bezpłatnych generator favicon możesz rzucić okiem.
Pandemia 'Szablon'' zawiera wszystkie szablony, które są pobierane w witrynie Squarespace.
Jak widzisz, w tej chwili moja lista szablonów zawiera tylko szablon Montauk ponieważ jest to szablon, z którego korzystałem podczas ustawiania mojej wersji próbnej.
Jeśli jesteś zadowolony z wybranego szablonu, przejdź do następnego kroku. Możesz też pobrać więcej szablonów.
Wskazówka
Jeśli widzisz szablon Squarespace, który Ci się podoba, i zastanawiasz się, jakiego motywu używa, oto jak się dowiedzieć:
Szablon, Montauk, którego używam, ma identyfikator szablonu: 50521cf884aeb45fa5cfdb80. Spróbuj sam.
Po znalezieniu identyfikatora szablonu możesz odwołać się do Rodzina szablonów Squarespace aby przejść do oficjalnej strony demonstracyjnej Squarespace.
Pandemia Edytor stylów służy do dostosowywania ustawień szablonu, takich jak czcionki, kolor tytułu, pozycja logo, zawartość stopki i kilka innych.
Każdy szablon będzie oferował różne opcje dostosowywania w Edytor stylów.
Ale ponieważ wszystkie szablony Squarespace są zaprojektowane do perfekcji, radziłbym trzymać się z daleka od tej sekcji, chyba że oczywiście jesteś projektantem!
Pandemia Edytor stylów strony kasy pomaga w dostosowaniu ustawień strony kasy. To ustawienie jest szczególnie przydatne w przypadku witryn Squarespace, które mają sklepy lub są witrynami sklepów.
Squarespace umożliwia blokowanie stron hasłem. Wszystkie takie strony nie wyświetlają zawartości, ale pokazują ekran blokady.
Jeśli nie dostosujesz blokada ekranu w ogóle, oto jak to będzie wyglądać.
Pandemia Pasek ogłoszeń pozwala dodać przyklejone powiadomienie w górnej części witryny. Jest to doskonała funkcja, która przyciąga uwagę czytelników do niektórych ważnych treści.
Po włączeniu Pasek ogłoszeń, możesz dodać swoją wiadomość i link, w który użytkownicy powinni kliknąć.
Jak widać na powyższym zrzucie ekranu, możesz otworzyć link w nowym oknie.
Jak sama nazwa wskazuje, Mobilny pasek informacyjny wyświetla się przed użytkownikami mobilnymi i może być używany do wyświetlania adresu e-mail, numeru telefonu, lokalizacji i godzin pracy.
Squarespace pobiera te informacje ze swojego 'Informacje biznesowe' sekcja, którą zobaczymy później.
Squarespace dodaje swoją markę (znaczek) do wszystkich utworzonych za jej pomocą witryn.
Pandemia Odznaka Squarespace Ustawienia pozwalają włączyć lub wyłączyć plakietkę Squarespace, dostosować jej położenie i dostosować ustawienia wyświetlania.
Jeśli chcesz dostosować swój szablon poza czcionką, kolorami i innymi domyślnymi opcjami dostosowywania, musisz skorzystać z pomocy Niestandardowe CSS.
Pamiętaj, że dodawanie niestandardowy CSS może zepsuć projekt szablonu - niezalecane.
Pandemia zaawansowany opcja pozwala dodać więcej czcionek z Typekit do Twojej witryny Squarespace. Plik zaawansowany ustawienia mają również zaawansowane ustawienia szablonów.
Na tym kończy się część projektowa witryny Squarespace.
Następnie przyjrzymy się stronom Squarespace i sposobom ich wykorzystania do przesyłania treści do świeżo zaprojektowanej witryny.
Po wybraniu szablonu, dostosowaniu go i dodaniu tytułu i logo witryny, czas zacząć dodawać zawartość.
Zacznijmy od menu głównego.
Gdy po raz pierwszy uzyskasz dostęp do ustawień stron, zauważysz, że 'NAJWYŻSZA NAWIGACJA ' pokazuje pozycje menu z wersji demonstracyjnej.
Na razie chciałbym, abyś po prostu zapomniał o stronach z demo i zaczął dodawać własne strony.
Squarespace przygotował gotowe szablony dla każdej strony, której zwykle potrzebuje witryna.
Na przykład w przypadku stron takich jak Informacje, Funkcje, Sklep, Kontakt i nie tylko - masz już gotowe układy stron, które możesz po prostu załadować do swojej witryny.
Zobaczmy, jak dodać stronę do gotowego szablonu.
Jak widać na poniższym zrzucie ekranu, istnieją dwa znaki „+”, na które można kliknąć, aby dodać stronę do witryny.
Klikając pierwszą opcję, dodajesz nie tylko stronę, ale także dodajesz ją do menu głównego swojej witryny.
Po kliknięciu drugiej opcji po prostu dodajesz stronę.
Proponuję rozpocząć dodawanie strony od drugiej opcji. Po zakończeniu tworzenia stron usuń wszystkie strony demonstracyjne i przeciągnij wszystkie świeżo wygenerowane strony i upuść je pod NAJWYŻSZA NAWIGACJA.
Dodajmy stronę „Informacje”. Po kliknięciu elementu 'Strona', w panelu po lewej stronie zobaczysz następujące opcje:
Kiedy kliknę „ZACZNIJ EDYTOWAĆ ', wybrany układ strony o mnie zostanie załadowany w edytorze stron Squarespace. Aby edytować elementy strony, najedź kursorem na górę strony (tuż pod nawigacją), a otworzy się następujący panel opcji:
Kliknij 'EDYTOWAĆ'.
W tym momencie możesz rozpocząć edycję zawartości strony lub kliknąć przycisk „+'u góry strony, aby dodać do niej więcej elementów projektu.
Po dodaniu elementu do witryny można łatwo zmienić jego położenie za pomocą prostej funkcji „przeciągnij i upuść”.
Uwaga:
Jeśli dostosujesz domyślne układy i dodasz różne elementy, w tym element dystansowy, czasami podgląd na telefonie komórkowym może wyglądać śmiesznie - co więcej, odstępy między różnymi elementami mogą wyglądać nieco inaczej.
(Jednak domyślne układy renderują się pięknie).
Dodawanie innych stron jest podobne do dodawania strony z informacjami.
Na razie najlepiej używać domyślnych układów, jeśli chcesz, aby witryna działała bardzo szybko.
Pod koniec tego kroku powinieneś mieć wszystkie strony swojej witryny gotowe do przeniesienia do menu głównego.
Ale przed przeniesieniem usuń strony demonstracyjne.
Następnie przeciągnij i upuść nowo utworzone strony do „NAJWYŻSZA NAWIGACJA '.
Po wyczyszczeniu nawigacji czas zająć się stronami.
Aby dodać treść (lub dostosować wygląd strony), po prostu kliknij nazwę strony.
Po kliknięciu wczytuje się edytor stron i możesz zamienić zawartość szablonu na treść, którą napisałeś w krokach przygotowawczych.
Wysokopoziomowe ustawienia strony mogą pomóc w przypadku:
Aby wprowadzić zmiany na wyższym poziomie na stronie lub ją usunąć, kliknij ikonę ustawień obok nazwy strony.
Ponadto, aby ustawić stronę jako stronę główną, musisz otworzyć te ustawienia dla wybranej strony i wybrać opcję „USTAW JAKO STRONĘ DOMOWĄ' opcja.
Chociaż możesz dodać bloga jako prostą stronę w Squarespace, może być konieczne wprowadzenie kilku dodatkowych ustawień.
Aby dodać post, kliknij znak „+” w opcjach pozycji menu bloga.
Edytor postów jest dość intuicyjny.
U dołu zobaczysz ustawienia dodawania kategorii i tagów do swojego posta.
Pandemia Opcje ustawienia pozwalają:
Miejmy nadzieję, że dzięki powyższej sekcji będziesz mieć świetnie wyglądającą witrynę internetową z zawartością, a nawet blogiem.
Przyjrzyjmy się teraz ustawieniom Squarespace.
Korzystanie z ustawień Squarespace jest łatwe. Są podzielone na 3 kategorie:
Spośród nich „Generał' kategoria umożliwia dodanie informacji o firmie, takich jak nazwa firmy, adres, identyfikator podatkowy i inne.
I 'Handel' ustawienia są istotne dla osoby, która chce prowadzić sklep internetowy lub dodać sklep do swojej witryny.
Spośród tych kategorii „Stronie internetowej' kategoria to ta, o której chciałbym porozmawiać.
"Stronie internetowej' ustawienia obejmują:
to jest to!
Jeśli postępujesz zgodnie z instrukcjami tego przewodnika, Twoja pierwsza funkcjonalna (jeśli nie idealna) witryna internetowa Squarespace powinna być już gotowa.
Po uruchomieniu nowej witryny, pierwszym zadaniem jest zaindeksowanie jej przez Google.
Aby przyspieszyć proces indeksowania, musisz przesłać mapę witryny do Google Search Console.
Mapę witryny Squarespace można znaleźć pod adresem:
http://www.yourdomain.com/sitemap.xml
Skopiuj więc adres URL mapy witryny i prześlij go przez Szukaj Console.
Stworzenie strony internetowej Squarespace oraz ulepszenie i dostosowanie jej do perfekcji nie powinno zająć Ci więcej niż tydzień. Gdy skończysz, nie musisz się martwić o aktualizacje, włamania, hosting ani cokolwiek innego; Squarespace będzie zarządzać Twoją witryną.
Mam nadzieję, że ten przewodnik umożliwi Ci zbudowanie przybliżonej wersji Twojej pierwszej witryny Squarespace w mniej niż 10 godzin (uwzględniając czas potrzebny na zakup domeny i inne rzeczy).
Uwaga: jeśli szukasz alternatywnych platform, oto lista platformy do budowy własnej strony internetowej.