Customize Your Squarespace Website Using Ten Tips

대부분의 사람들이 이미 알고 있는 것처럼 비즈니스 소유자, 블로거 및 잡버를 위한 엄청난 도구는 Squarespace입니다. 그 이유는 웹사이트를 만들고 구축하는 것이 쉬울 뿐만 아니라 매력적이기 때문입니다. 이 플랫폼을 사용하는 것은 조작이 간단하고 흥미롭게도 얼마 되지 않은 새로운 벤처의 여정을 시작한 기업가와 중소기업 소유자에게 비용이 많이 들지 않기 때문에 매우 유리합니다.

However, the beautiful templates, the simplicity, and the easiness in setting up and starting to use the Squarespace platform is, in fact, the reason why most users have difficult time cracking the nut of customizing their site in order to make it outstanding, special, and distinctive.

다음은 Squarespace 웹사이트의 모양, 디자인 및 느낌을 다양하게 하는 데 도움이 되는 몇 가지 지원 팁입니다. 이 팁은 또한 더 많은 청중 트래픽을 확보하는 데 도움이 되어 전환율 증가에 도움이 됩니다. 이 팁 목록에서 처음 보거나 들어본 팁도 있고, 꽤 익숙하거나 Squarespace에서 사용해 본 팁도 있습니다. 이러한 팁을 살펴보고 구현하는 데 시간을 들이면 결국 도움이 될 숨겨진 보물을 찾을 수 있습니다.

그것들은 다음과 같습니다:

1. Alt 태그를 사용하여 모든 이미지에 레이블 지정

대체 태그란 무엇입니까? alt 태그는 이미지에 설명을 제공하고 검색 시 이미지를 찾는 데 도움이 되는 이미지에 적용되는 속성 또는 텍스트입니다. 이렇게 하면 검색 엔진이 이미지 대신 텍스트를 볼 수 있습니다. 블로그나 사이트에 검색 엔진 최적화(SEO)를 제공하는 좋은 방법은 이미지에 대체 텍스트(대체 텍스트)를 추가하고 적용하는 것입니다. 이 방법은 사이트에서 사용할 수 있는 이미지의 수에 따라 시간이 많이 걸릴 수 있지만 적절하게 수행하면 뛰어난 SEO를 위한 좋은 연습입니다.더 많은 청중을 유치하려면 이미지에 대한 alt 태그에 사용자를 타겟으로 하는 특수 키워드를 사용해야 합니다.. 

아래는 HTML에서 이미지에 태그를 추가하는 방법을 설명하는 그림입니다.

2. 이미지의 초점 설정

이미지의 초점은 눈에 띄게 하려는 이미지의 일부/모든 부분을 식별하는 표시입니다. 즉, 이미지에서 관심 지점을 표시하고 나타냅니다. 초점이 설정된 이미지의 초점을 쉽게 조정할 수 있습니다. 지점을 이동하기만 하면 이미지의 위치를 변경하고 해당 영역에서 디스플레이를 조정합니다.

대부분의 경우, 사용하는 템플릿에 완벽하게 들어맞는 적절한 형태로 이미지를 자르는 것이 쉽습니다.

You may want to focus on one part of the image or the other as shown in the pictures below:

3. Upload a Browser Favicon

Customization transcends beyond just modifying color of your menu bar. It involves all, including working on the tiny image that usually appears by your website’s name in the browser tab; branding. It is, at first, represented as black box. You should remove this box and replace it with your brand by uploading a custom Favicon. To do this, first go to the main menu. Then, click Design and select Logo & Title and from Browser Icon (Favicon) section, upload the file ( .png) with a plain transparent background (it is not professional to leave a white box around your image). Still contemplating how to create or design your Favicon? Try it out here.

Note that Favicons appears small on the tab. Hence, use simple image with no complications. Your website appears professional when you add Favicon to it.

4. 페이지를 찾을 수 없음/ 오류 404 사용자 지정 페이지

Though it is neither mandatory nor important, but having error 404/page not found custom page can make your website standout. When someone types a former or an in correct Uniform Resource Locator (URL) that is synonymous to yours, you can personalize a friendly and approachable error 404 page that will appear. To do this, add a new, graphical and textual designed page that is not linked from Setting, select Website, and then choose Advanced and finally select Error 404/page not found. From there, you should click on the dropdown menu and select which page you will want people to see. One sweet bait you can use to get back such persons on your page is by creating a valuable offer such as free eBooks or a coupon that will make them submit their mails.

5. Have Multiple Languages In The Same Squarespace Site

Squarespace만으로 여러 언어를 구현하는 것은 쉽지 않습니다. Squarespace의 현지화는 복잡한 개념이기 때문입니다. Squarespace만 고집한다면 계속해서 지저분한 페이지를 만들게 될 것입니다. 해결책이 없는 것은 아닙니다. 놀랍게도 코드 한 줄만으로 Squarespace를 아주 쉽게 번역할 수 있습니다. ConveyThis에서 Squarespace 번역 도움말을 제공합니다.

6. 자동 재생 비디오 배경의 Squarespace 커버 페이지 만들기

백그라운드 비디오를 자동으로 계속 재생하는 여러 개의 커버 페이지를 만들 수 있는지 궁금하다면, 답은 확실히 YES입니다! Vimeo 및 YouTube와 같은 비디오 스트리밍 서비스를 제공하는 사이트의 비디오를 압축하는 대신 로컬에 호스팅된 비디오를 사용할 수 있습니다.

필요한 자산을 알고, 이러한 자산을 업로드하고, 페이지에 이러한 자산을 삽입하고, 페이지에 자동 재생 코드를 삽입하고, 마지막으로 비디오를 올바르게 표시할 수 있도록 사용자 지정 CSS를 추가하여 이 작업을 수행할 수 있습니다. 코드에 대해 알아보려면, Squarespace에서 표지를 위한 배경 비디오 루핑을 쉽게 설치할 수 있는 이 무료 애드온을 얻는 방법 등을 여기에서 알아보세요.

7. Google Analytics를 사용하여 방문자 참여도 모니터링

Statement such as “many of you on this page will read only few things in this article but only few will take time to read through to the end. This is how I know” can hold the attention of your site visitors and thereby increases their engagement on the site. Do you want to know how much and how well people visit and engage with your site? Do you want to know if some visitors leave your site immediately after visiting a single page of the site? If yes, then perform Google analytics for your site because this will help you to strategize. You can get a guide to help you learn how HERE. A sample of how this looks is seen below:

8. Have a Scroll Hint that Fades Out as the Page is Scrolled Down

사이트 방문자가 "스크롤 힌트"에 액세스할 수 있도록 하는 빠른 도움말입니다. 이는 페이지가 아래로 스크롤되고 반대 방향으로 스크롤되면서 브라우저 창 하단에 붙은 느리게 사라지는 화살표 형태로 표시되며 천천히 다시 나타납니다.

9. 귀하의 소셜 미디어 핸들을 사이트에 연결하세요

It is very much essential not only to get your Squarespace website connected to social media accounts such as Twitter, Facebook, and Instagram but to also make sure these accounts are consistent with your website.

A simple help to connect this accounts with your website is by going to Setting section, select Website, and choose Connected Accounts. From there, click on the Connect Account tab and select which of the accounts you will like to link up to your Squarespace website.

10. 사용자 정의 버튼, 테두리 및 그래픽 만들기

To customize your Squarespace in the best way means your brand must be totally immersed into it. One nice way of getting this done is through images and graphics; they make your front nice, visual objects charming and your brand more colorful. The design panel can help you to modify the buttons. Buttons’ shape, color and text style can be edited to be consistent with other features of the Squarespace website.

마지막으로, Squarespace 웹사이트를 사용자 지정, 수정 및 조정할 수 있는 방법에는 제한이 없습니다. 사실 이를 수행하는 방법은 셀 수 없이 많습니다. 그러나 이 특정 단계에서 해야 할 일은 이 기사에서 제안한 대로 모든 이미지에 alt 태그를 사용하여 레이블을 지정하고, 이미지에 초점을 맞추고, 브라우저 파비콘을 생성하여 업로드하고, 페이지를 찾을 수 없음/오류 404 사용자 지정 페이지를 가져오고, 동일한 Squarespace 사이트에 여러 언어를 사용하고, 자동 재생 비디오 배경의 Squarespace 표지 페이지를 만들고, Google 애널리틱스를 사용하여 방문자의 참여를 모니터링하고, 페이지가 아래로 스크롤될 때 사라지는 스크롤 힌트를 사용하고, 소셜 미디어 핸들을 사이트에 연결하고, 사용자 지정 버튼, 테두리 및 그래픽을 만드는 것입니다. 코딩에 대한 너무 많은 경험을 모은 다음, Squarespace 웹사이트를 처리하는 데 창의성을 적용하십시오.

자신 있게 말씀드리자면, 이 글이 큰 도움이 될 것이라고 확신합니다! 아래에 댓글이나 질문을 남겨주시면 ConveyThis의 지원팀이 연락을 드릴 것입니다!