İlk Web Sitenizi Oluşturmak için Squarespace Nasıl Kullanılır?

Squarespace fantastiklerden biridir web sitesi üreticileri. Web siteniz için CMS'lerin kurulum ve bakım sorunları hakkında endişelenmek istemiyorsanız idealdir. WordPress.

Etki alanı adı ve Squarespace aboneliğinden başka hiçbir şey olmayan muhteşem bir web sitesini ne kadar hızlı ve kolay bir şekilde bir araya getirebileceğinize şaşıracaksınız.

Yeni başlayanlar için bu Squarespace kılavuzunda, oluşturmak için atmanız gereken tam adımlara bakacağız ve ilk web sitenizi başlatın.

Aşağıdaki Squarespace bileşenlerini ele alacağız:

1. Tasarım (sitenizin genel görünümünü ve tarzını özelleştirme)
2. Sayfalar (sitenize içerik ekleme)
3. Ayarlar (ince ayar SEO ve diğer işletme ayarları)

Bu bileşenleri anladıktan sonra, platformu kullanarak her türlü web sitesini kurabileceksiniz.

Squarespace nasıl kullanılır… Başlamadan önceki hazırlık

Web sitenizi oluşturmak için Squarespace'i kullanmaya başlamadan önce birkaç şeye ihtiyacınız olacak:

1. Alan adı

Web sitesi kurulum adımlarımızdan biri olarak, alan adınızı Squarespace hesabınıza bağlayacağız.

Yani bir alan adına ihtiyacınız olacak. Henüz bir alan adı satın almadıysanız, şimdi bir tane satın alın.

Squarespace'den de satın alabilirsiniz, ancak bunu tavsiye etmeyeceğim.
Barındırma sağlayıcıları arasında alan adı transferi veya web sitesi üreticileri veya CMS'ler, alan adı bir üçüncü taraf alan adı kayıt şirketi.

namecheap rekabetçi fiyatlar ve mükemmel hizmet sunan mükemmel bir alan adı kayıt hizmetidir. Squarespace web siteniz için bir alan adı satın almak için kontrol edin.

Not: Yardıma ihtiyacınız varsa bir alan adı kaydetme web siteniz için bunlar alan adı üreteçleri yardımcı olabilir.

2. Sitenizin gezinme yapısı hakkında kabaca bir fikir 

Sitenizi oluşturmaya başlamadan önce gezinme yapısını (veya ana menü öğelerini) bilmek, süreci hızlandırır. Öyleyse bir kağıt alın ve site menünüzün nasıl görüneceğini çizin. Bu alıştırma, sitenize ekleyeceğiniz farklı sayfaların son halini almanıza yardımcı olacaktır.

Örneğin, aşağıdaki sayfalardan bazılarını sitenize ekleyebilirsiniz:

3. Kopyalama ve grafikler

Sitenizi oluşturmaya başlamadan önce ihtiyacınız olan son şey içeriktir. Bu nedenle, ekleyeceğiniz tüm sayfaların kaba taslaklarını yazın.

Ayrıca, Squarespace web sitenizi oluşturmak için ihtiyaç duyacağınız tüm resimleri (veya videoları) toplayın. Eğer ihtiyacın varsa Hazır fotoğraflar, bunları da düzenleyin. Doğru görüntülere sahip olmak büyük bir etkiye sahip dönüşümlerde.

Tüm içeriğin ve medyanın elinizin altında olması çok daha sonra olacaktır.

Şimdi siteyi oluşturmaya başlayalım.

(Squarespace denemesine zaten kaydolduysanız, kılavuzun ilk bölümüne geçin.)

İlk Squarespace web sitenizi nasıl oluşturabilirsiniz?

1. Adım: Squarespace web sitesine kaydolma

Tüm Squarespace planları ücretsiz bir deneme ile başlar. Ücretsiz denemeye kaydolmak için şu adresi ziyaret edin: Squarespace ve 'seçeneğini seçinSİTE OLUŞTUR':

Ardından bir şablon seçin.

Bu adımı kolaylaştırmak için Squarespace temalarını aşağıdaki kategorilerde gruplandırır:

Squarespace Temaları Örnekleri

İşte Squarespace temalarında bulabileceğiniz bir dizi tasarım. Daha net bir görünüm için aşağıdaki küçük resimlere tıklayın.

İzlenecek Yol Kaydı Squarespace süreç

Bu izlenecek yolun amacı için, Squarespace hesabımı kullanarak kurdum.

İşletme kategorisine gidiyorum ve şablonu seçiyorum, Montauk.

Bir şablon seçtikten sonra, Squarespace size kısa bir kayıt formu gösterecektir:

Kaydı tamamladıktan sonra, 4 adımlı bir Squarespace site içeriği kişiselleştirme sürecine yönlendirileceksiniz.

1. Sitenin kimin için olduğunu seçme

2. Bu web sitesi ne hakkında?

3. Bu site için hedefleriniz nelerdir?

4. Siteyi adlandırma

Site içeriği kişiselleştirme anketini tamamladıktan sonra aşağıdaki ekranı görüyorum.

Ekran görüntüsünde görebileceğiniz gibi, solda çeşitli tasarım ayarları ve tercihleri ​​olan bir panel var. Ve sağ tarafta, web sitemin bir önizlemesi var.

Adım # 2: Kare Boşluğu Kullanma (Bölüm # 1): Tasarım seçenekleri

Squarespace, tasarım ayarlarının altında 10 öğeye sahiptir:

1. Logo & Başlık
2. şablon
3. Stil Düzenleyicisi
4. Ödeme Sayfası Stili Düzenleyicisi
5. kilit Ekranı
6. Duyuru Çubuğu
7. Mobil Bilgi Çubuğu
8. Squarespace Rozeti
9. özel CSS
10. gelişmiş

Bu öğelerin her birine ayrıntılı bir göz atalım.

1. Logo ve Başlık

Sitemize zaten bir ad verdik ve bu nedenle bu adımda bir etiket satırı ekleyeceğim. Sloganını 'Squarespace'e yeni başlayanlar için bir kaynak.

Düğmeye tıkladığımda Squarespace'in logo oluşturma aracına yönlendiriliyorum.

Bu logo oluşturma aracı şunları yapmanızı sağlar:

• Bir ton logo ikonu arasından seçim yapın
• Yalnızca metin tabanlı bir logo oluşturun
• Bir logo resmi için gidin
• Logo metninin yazı tipini ve rengini değiştirin
• Logonun kartvizitlerde ve diğer markalama materyallerinde nasıl görüneceğini önizleyin

Genel olarak, Squarespace'in logo oluşturma aracı oldukça sezgiseldir. Sol taraftaki panelde çeşitli tasarım öğeleri veya simgeleri bulunur.

Anahtar kelimeyi aradığımda 'İnternet sitesi', Birçok harika ikonum var. Sağınızda görebileceğiniz birini seçtim ve bir görsel logo yaptım.

Logonun yüksek çözünürlüklü bir sürümünü indirmeyi denedim, ancak editör bunu yapabilmem için bir Squarespace hesabına kaydolmamı istedi.

Ancak yine de bu noktada düşük çözünürlüklü bir sürüm de indirilebilir. Şimdilik bu yeterli.

Squarespace denemeniz sona erdiğinde ve bir premium plana yükselttiğinizde, yüksek çözünürlüklü sürümü sorunsuz bir şekilde indirebilmelisiniz. Yüksek çözünürlüklü dosyayı aldığınızda, Squarespace sitenize yükleyebilirsiniz.

Bu tasarım öğesinin altındaki sonraki iki seçenek, favicon ve sosyal paylaşım logosunu ayarlamaktır. Bunlara sahipseniz harika. Aksi takdirde, bir sonraki ayara geçin.

Şimdiye kadar yaptığınız değişiklikleri kaydetmek için 'KAYIT ETMEK' Panelin üst kısmındaki düğmesine basın.

Not: Web siteniz için harika bir favicon oluşturmak istiyorsanız, işte ücretsiz bir liste site simgesi oluşturucu bir bakabilirsin.

2. Şablon

The Şablon'bölümü, bir Squarespace sitesi içinde indirilen tüm şablonları gösterir.

Şu anda, gördüğünüz gibi, şablon listem sadece şablonu içeriyor Montauk çünkü bu, denememi ayarlarken kaydolduğum şablon.

Seçtiğiniz şablondan memnunsanız, sonraki adıma geçin. Veya daha fazla şablon indirebilirsiniz.

Bahşiş

• Bu noktada şablonları indirmek ve değiştirmek için zaman harcamayın çünkü yardımcı olmayacaktır.
• Ancak sitenizi tasarladıktan ve ona içerik yükledikten sonra, farklı şablonların içeriğinizi nasıl gösterdiğini anlayabileceksiniz.
• Demo içeriği ve resimlerle pek bir şey çözemeyeceksiniz.

Bir web sitesinin hangi Squarespace şablonunu kullandığını bulma

Beğendiğiniz bir Squarespace şablonu görürseniz ve hangi temayı kullandığını merak ediyorsanız, bunu nasıl yapacağınızı buradan öğrenebilirsiniz:

1. Sayfayı sağ tıklayın> Kaynağı / Sayfa Kaynağını Görüntüle
2. Fark edeceksin  bir Squarespace web sitesi olduğunu belirtmek için kodun üst kısmına yakın
3. Sayfayı aramak için Ctrl + F tuşlarına basın: şablon kimliği ve kodu kopyalayın

Montauk, kullandığım şablon şablon kimliğine sahip: 50521cf884aeb45fa5cfdb80. Kendini dene. 

Şablon kimliğini bulduktan sonra, Squarespace şablon ailesi sizi resmi Squarespace demo sitesine götürmek için.

3. Stil Düzenleyici

The Stil Düzenleyicisi yazı tipleri, başlık rengi, logo konumu, altbilgi içerikleri gibi diğer birçok şablonun ayarlarını özelleştirmek için kullanılır.

Her şablon, farklı özelleştirme seçenekleri sunacaktır. Stil Düzenleyicisi.

Ancak tüm Squarespace şablonları mükemmel olacak şekilde tasarlandığından, bu bölümden uzak durmanızı tavsiye ederim, tabii ki tasarımcı değilseniz!

4. Ödeme Sayfası Stili Düzenleyicisi

The Ödeme Sayfası Stili Düzenleyicisi ödeme sayfasının ayarlarının özelleştirilmesine yardımcı olur. Bu ayar, çoğunlukla mağazaları olan veya mağaza web siteleri olan Squarespace siteleri için yararlıdır.

5. Ekranı Kilitle

Squarespace, sayfaları parolalarla kilitlemenizi sağlar. Bu tür sayfaların tümü içeriği göstermez, ancak bir kilit ekranı gösterir.

Özelleştirmezseniz kilit Ekranı hiç değilse, işte nasıl görüneceği.

5. Duyuru Çubuğu

The Duyuru Çubuğu sitenizin üstüne yapışkan bir bildirim eklemenizi sağlar. Bu, okuyucularınızın dikkatini bazı önemli içeriğinize çekmek için mükemmel bir özelliktir.

Etkinleştirdikten sonra Duyuru Çubuğu, mesajınızı ve kullanıcıların tıklaması gereken bağlantıyı ekleyebilirsiniz.

Yukarıdaki ekran görüntüsünde de görebileceğiniz gibi, bağlantıyı yeni bir pencerede açabilirsiniz.

6. Mobil Bilgi Çubuğu

Adından da anlaşılacağı gibi, Mobil Bilgi Çubuğu mobil kullanıcılardan önce görüntülenir ve e-postanızı, telefon numaranızı, konumunuzu ve çalışma saatlerinizi görüntülemek için kullanılabilir.

Squarespace, bu bilgiyi kendi 'İş Bilgileri' bölümü, daha sonra göreceğiz.  

7. Squarespace Rozeti

Squarespace, kendisiyle oluşturulan tüm web sitelerine markasını (rozeti) ekler.

The Squarespace Rozeti ayarlar Squarespace rozetini etkinleştirmenize veya devre dışı bırakmanıza, konumunu ayarlamanıza ve ekran ayarlarında ince ayar yapmanıza olanak tanır.

8. Özel CSS

Şablonunuzu yazı tipinin, renklerin ve diğer varsayılan özelleştirme seçeneklerinin ötesinde özelleştirmek istiyorsanız, yardım almanız gerekir. özel CSS.

Unutma, eklemeyi özel CSS bir şablonun tasarımını bozabilir - önerilmez.

9. ileri

The gelişmiş seçeneği daha fazla yazı tipi eklemenizi sağlar Typekit'ten Squarespace web sitenize. The gelişmiş ayarları ayrıca gelişmiş şablon ayarlarına sahiptir.

Bu, Squarespace sitenizin tasarım kısmını tamamlar.

Ardından, Squarespace sayfalarına ve yeni tasarlanmış sitenize içerik yüklemek için bunları nasıl kullanabileceğinizi inceleyeceğiz.

Adım 3: Squarespace'i Kullanma (Bölüm # 2): Nasıl 'SayfalarSquarespace'de çalışmak

Bir şablon seçtikten, özelleştirdikten ve sitenizin başlığını ve logosunu ekledikten sonra, içerik eklemeye başlama zamanı.

Squarespace Sayfaları şunları yapmanızı sağlar:

• Sitenize sayfalar (ve içerik) ekleyin (örneğin: Hakkında, İletişim ve daha fazlası)
• Sitenize blog ekleyin
• Sitenize mağaza ekleyin
• Sitenizin ana menüsünü oluşturun

Ana menü ile başlayalım.

Sayfa ayarlarına ilk kez eriştiğinizde, 'EN İYİ NAVİGASYON ' demodaki menü öğelerini gösterir.

Şimdilik, demodaki sayfaları unutup kendi sayfalarınızı eklemeye başlamanızı istiyorum.

Squarespace, bir sitenin tipik olarak ihtiyaç duyduğu her sayfa için önceden hazırlanmış şablonlar sağlamıştır.

Örneğin Hakkında, Özellikler, Mağaza, İletişim ve daha fazlası gibi sayfalar için - sitenize yükleyebileceğiniz, kullanıma hazır sayfa düzenlerine zaten sahipsiniz.

1. Önceden hazırlanmış bir şablona nasıl sayfa eklenir?

Önceden hazırlanmış bir şablona nasıl sayfa ekleyebileceğinizi görelim.

Aşağıdaki ekran görüntüsünde görebileceğiniz gibi, sitenize bir sayfa eklemek için tıklayabileceğiniz iki '+' işareti vardır.

İlk seçeneğe tıkladığınızda, sadece bir sayfa eklemekle kalmaz, aynı zamanda web sitenizin ana menüsüne de eklersiniz.

Ve ikinci seçeneğe tıkladığınızda, bir sayfa eklemeniz yeterlidir.

İkinci seçenekle bir sayfa eklemeye başlamanızı öneririm. Sayfaları oluşturmayı tamamladıktan sonra, tüm demo sayfalarını silin ve yeni oluşturulmuş tüm sayfalarınızı sürükleyip sayfanın altına bırakın. EN İYİ NAVİGASYON.

Bir 'Hakkında' sayfası ekleyelim. Öğeye tıkladığınızda 'Sayfa', sol taraftaki panelde aşağıdaki seçenekleri göreceksiniz:

'Üzerine tıkladığımdaDÜZENLEMEYE BAŞLA ', benim hakkımda seçilen sayfa düzeni Squarespace'in sayfa düzenleyicisine yüklenir. Sayfa öğelerini düzenlemek için, sayfanın üst kısmına gelin (gezinmenin hemen altındadır) ve aşağıdaki seçenekler panelinin açıldığını göreceksiniz:

Tıklamak 'DÜZENLE'.

Bu noktada, ya sayfa içeriğini düzenlemeye başlayabilir ya da '+Daha fazla tasarım öğesi eklemek için sayfanın üstündeki 'işaretini kullanın.

Sitenize bir öğe ekledikten sonra, basit sürükle ve bırak işleviyle konumunu yeniden düzenlemek kolaydır.

Not:

Varsayılan düzenleri özelleştirir ve boşluk öğesi dahil farklı öğeler eklerseniz, bazen mobil önizlemeniz komik görünebilir; dahası, farklı öğeler arasındaki boşluk biraz bozuk görünebilir.

(Yine de varsayılan düzenler güzel bir şekilde oluşturulur.)

Başka sayfalar eklemek, hakkında sayfasını eklemeye benzer.

Şimdilik, siteyi süper hızlı bir şekilde hazırlayıp çalıştırmak istiyorsanız, varsayılan düzenleri kullanmak en iyisidir.

Bu adımın sonunda sitenizin tüm sayfalarının ana menüye taşınmaya hazır olması gerekir.

Ancak geçişi yapmadan önce demo sayfalarını silin.

Ardından, yeni yapılmış sayfalarınızı sürükleyip 'EN İYİ NAVİGASYON '.

Gezinmenizi temizledikten sonra, sayfalarda çalışma zamanı.

2. Squarespace sayfalarına nasıl içerik eklenir:

İçerik eklemek (veya bir sayfanın tasarımını özelleştirmek için), sayfanın adını tıklamanız yeterlidir.

Tıkladığınızda, sayfa düzenleyicisi yüklenir ve şablonun içeriğini hazırlık adımlarında yazdığınız içerikle değiştirebilirsiniz.

3. Bazı üst düzey sayfa ayarları nasıl yapılandırılır

Üst düzey sayfa ayarları, bir sayfanın şu konularda yardımcı olabilir:

Bir sayfada daha üst düzey değişiklikler yapmak veya onu silmek için, bir sayfanın adının yanındaki ayarlar simgesine tıklayın.

Ayrıca, bir sayfayı ana sayfa olarak ayarlamak için, seçilen sayfa için bu ayarları açmanız ve 'ANASAYFA OLARAK AYARLA' seçeneği.

Önemli bir Squarespace sayfası: blog

Squarespace'de bir blogu basit bir sayfa olarak ekleyebilseniz de, onun için birkaç ek ayar yapmanız gerekebilir.

Bir gönderi eklemek için, blog menü öğesi seçeneklerinde '+' işaretini tıklayın.

Gönderi editörü oldukça sezgiseldir.

Alt kısımda, gönderinize kategori ve etiket eklemek için ayarlar göreceksiniz.

The Opsiyonlar ayarlar şunları yapmanıza izin verir:

• Bir gönderiye öne çıkan bir resim ekleyin
• Gönderiye bir yazar atayın
• Bir alıntı yazın
• Bir gönderiyi öne çıkan bir gönderi olarak işaretleyin

Umarım yukarıdaki bölümde, içeriğinizle ve hatta bir blog'unuzla hazır harika görünen bir web siteniz olur.

Şimdi Squarespace ayarlarına bakalım.

Adım # 4: Squarespace'i Kullanma: Ayarları keşfetme

Squarespace'in ayarlarını kullanmak kolaydır. 3 kategoriye ayrılırlar:

1. genel
2. BAHİS SİTESİ
3. ticaret

Bunlardan 'Genel' kategori, işletme adınız, adresiniz, vergi numaranız ve daha fazlası gibi işletme bilgilerini eklemenize olanak tanır.

Ve 'Ticaret' ayarları, bir çevrimiçi mağaza işletmek veya sitesine bir mağaza eklemek isteyen biriyle ilgilidir.

Bu kategorilerden 'İnternet sitesi' kategori, bahsetmek istediğim kategori.

'İnternet sitesi' ayarlar şunları içerir:

• Temel bilgiler - Bu ayar, sitenizin neyle ilgili olduğu hakkında bir alıntı eklemenize yardımcı olur. Bazı şablonlar bu bilgiyi gösterir, bu yüzden doldurmanız gerekir.
• Alan adı -  Bir alan adı satın aldıktan sonra, bu ayara geri dönmeli ve Squarespace sitenizi o alana yönlendirmelisiniz. Üçüncü taraf alan entegrasyonu bir esinti.
• E-postalar - Sonraki öğe E-posta. Gmail iş e-postası entegrasyonu buradan yapılabilir.
• Bağlı hesaplar - Sosyal medya hesaplarınızı Squarespace web sitenize buradan bağlayabilirsiniz. Squarespace sitenizde herhangi bir yere sosyal medya profil simgeleri eklediğiniz bir sonraki sefer, Squarespace bu bölümdeki bilgileri kullanacak ve simgeleri otomatik olarak profillerinize bağlayacaktır.
• Pazarlama - Pazarlama ayarı seçeneklerinin içinde, SEO, sosyal medya ve Google Adwords ayarları vardır.
  SEO ayarları buradan, siteniz için bir SEO alıntı eklemenize yardımcı olacaktır. Bu alıntı, arama motoru sonuç sayfasında bir kullanıcı tarafından görülebilir. Sitenizdeki farklı öğelerin URL biçimlerini de ayarlayabilirsiniz. Sosyal medya ayarları, web sitenizde hangi paylaşım düğmelerini göstermek istediğinize karar vermenize yardımcı olacaktır. Google Adwords pazarlama ayarı, Squarespace'in İşletme veya Ticaret planlarını kullanan siteler içindir.
• Bloglama - Blog oluşturma ayarları, blog yayını URL biçimini belirlemenize yardımcı olur.
  Varsayılan biçimi değiştirmeyin - zaten okuyucu dostudur. Ancak dilerseniz yılı, ayı ve tarihi buradan kaldırabilirsiniz. Bu ayarlar ayrıca blogunuzu bir yorum hizmeti olan Disqus ile entegre etmenize de olanak tanır. Bu şekilde, kullanıcılarınız Disqus hesapları aracılığıyla içeriğinize yorum yapabilecekler. (Disqus istemiyorsanız, varsayılan bir yorumlama sistemi de vardır.)
  Blog oluşturma ayarları, AMP sağlayıcılarının blog yayınlarınızın AMP sürümünü göstermesini sağlamanıza da yardımcı olur. (AMP için optimize edilmiş sayfalar, mobil ziyaretçilere tonlu sürüm web sayfalarını gösteren sayfalardır - bu, son derece hızlı bir mobil tarama deneyimi sunmaya yardımcı olur.)
• SSL - Sitenizin güvenli ve güvensiz sürümleri arasında seçim yapabilirsiniz. SSL ayarı. Güvenli sürümü seçin, çünkü Google güvenli olmayan web sitelerini güvenli olmayanlara tercih eder.
• İleri - Gelişmiş ayarlar, diğer web sitesi oluşturucularından veya CMS'lerden site içeriğini içe aktarmanıza olanak tanır. Ayrıca sitenizi dışa aktarmanıza da olanak tanır. WordPress.
  Siteniz için özel bir 404 sayfası oluşturursanız, varsayılan 404 sayfası yerine özelleştirilmiş 404 sayfanızı göstermek için gelişmiş ayarları kullanabilirsiniz.
  Ayrıca   Bu ayarlar aracılığıyla hesap numarasını Bunu yapmak, Google Analytics komut dosyasını otomatik olarak sitenize yükleyecektir.

Bu kadar.

Bu kılavuzun talimatlarını izliyorsanız, şimdiye kadar ilk işlevsel (mükemmel değilse) Squarespace web siteniz hazır olmalıdır.

Squarespace web sitenizi başlattıktan sonra yapılacak ilk şey

Yeni bir web sitesi başlattığınızda, ilk göreviniz sitenin Google tarafından dizine eklenmesini sağlamaktır.

İndeksleme sürecini hızlandırmak için site haritasını Google Search Console'a göndermelisiniz.

Bir Squarespace web sitesinin site haritası şu adreste bulunabilir:

http://www.yourdomain.com/sitemap.xml

Web sitenizin site haritası URL'sini kopyalayın ve şu adrese gönderin: Arama Konsolu.

Bir Squarespace web sitesi nasıl oluşturulur - Özetlemek

Bir Squarespace web sitesi oluşturmak ve onu mükemmelleştirmek için ince ayar yapmak ve özelleştirmek sizi bir haftadan fazla sürmemelidir. İşiniz bittiğinde, güncellemeler, bilgisayar korsanlığı veya barındırma veya başka herhangi bir şey için endişelenmenize gerek yok; Squarespace web sitenizi sizin için yönetir.

Umarım bu kılavuz, ilk Squarespace sitenizin kaba bir versiyonunu 10 saatten daha kısa bir sürede (alan adını ve diğer şeyleri satın almak için zamanı hesaba katarak) oluşturmanızı sağlar.

Not: Alternatif platformlar arıyorsanız, burada bir kendi web sitenizi oluşturmak için platformlar.