여러분은 제가 3개의 웹사이트에서 고정 상단 메뉴를 고정 사이드바로 변경했음을 아마 눈치 챘을 것입니다. 왜 제가 이렇게 했을까요? 장점과 차이는 무엇일까요? 이 글에서는 이 큰 변화를 설명하고자 합니다.
나는 당신이 사이드바 또는 상단에 고정된 메뉴를 사용할지 여부를 결정하는 데 도움이 될 것으로 기대한다.
I'm sorry, it seems like you didn't provide any text for translation. Could you please send the text you'd like me to translate from Portuguese to Korean? Thank you!이 5년 동안 항상 웹 사이트 상단에 고정된 메뉴를 좋아했습니다. 많은 사람들이 상단에 메뉴를 두지만 고정되지 않았지만, 나는 항상 가능한 한 사용할 수 있도록 고정시켰습니다.
나는 그것으로 사람이 다양한 페이지를 더 많이 탐색할 수 있도록 한다고 믿었지만 실제로는 아무도 그렇게 하지 않는다. 카테고리 페이지의 방문 수가 매우 낮고, 심지어 사이트에서 사람들이 일반적으로 하는 검색조차 거의 이루어지지 않는다.
이것은 유기 방문자를 갖는 결과 중 하나입니다. 사람들이 그냥 들어와서 읽고 사이트를 나가는 것이죠. 이러한 이유로 매력적이고 독창적인 글쓰기가 중요합니다. 그래야 사람들이 사이트를 따르게 됩니다.
사이드바(페이지 옆에 있는 바)와 마찬가지로, 기사 안의 폼과 링크들보다는 사이드바가 그만큼 효과가 없다는 것을 알게 되었습니다. 현재는 기사 제목 아래에 이메일 수집을 하여 데스크톱과 모바일에서 모두 리드를 생성하고 있습니다.
여러 해 동안 리드를 확보하려고 시도했고, 사용자들이 상호 작용하고 웹 사이트를 탐색하도록 하는 것이었습니다. 시간이 지남에 따라 사이드바로 (sidebar) 작업하는 것을 깨달았습니다. 그러나 결국 사이드바가 웹 사이트를 매우 추했다는 것을 깨달았고, 결국 기사의 한 열만 사용하기로 결정했습니다.
나는이 레이아웃 스타일을 정말 좋아했는데, 서버에 보내는 이미지의 기본 크기를 늘려야 했다. 페이지는 모바일 및 데스크톱에서 옆에 산만한 것이 없이 기사만을 보여줬다.
워드프레스의 사이드 위젯 사용을 중단하고, 아무도 주의를 기울이지 않는 곳인 푸터에만 3개를 배치했습니다. 기사 시작 부분에 있는 캡처 폼을 통해 팝업 없이도 모든 기기에서 리드를 캡처할 수 있었습니다.
이 헤더의 폼은 viverdeblog에서 사용한 것과 유사하여 내 전환율을 상당히 높였고, 내가 활동하는 주요 틈새 시장에서 최대 제휴사가 되었습니다. 이 폼 덕분에 여러 해 동안 위젯이나 사이드바를 사용할 필요성을 느끼지 못했습니다.
사이트 속도가 불만스러워서 페이지 요청을 최대한 줄이려 했고, generatepress라는 매우 가벼운 레이아웃을 사용했습니다. 그렇게 하면서 고정 메뉴를 사이드바로 교체하기로 결정했습니다.
확실히 이것이 유일한 이유는 아니었고, 합리적인 이유도 아니었으며, 내 웹 사이트에 추가한 구글 광고로 인해 PageSpeed 점수가 손상되었습니다. 오랜 시간 동안 웹 사이트에 사이드바를 추가하고 싶었지만, 표준 사이드바 대안을 찾고 있었습니다.
테마의 기본 사이드바 wordpress는 기사 텍스트가 포함된 상자를 작게 만듭니다. 이것이 저를 많이 불편하게 했는데, Word나 Pages에서 열린 텍스트 파일처럼 보이는 큰 상자를 좋아했기 때문입니다.
나는 일부 테마가 사이드바에 헤더와 메뉴를 사용하고 위젯을 배치할 수 있는 것을 발견했고, 그로 인해 웹 사이트 레이아웃을 방해하지 않고 왼쪽에 위치한 사이드바가 주목을 끈다는 것을 알았다.
GeneratePress의 사이트 라이브러리에는 해당 사이트를 설정하는 데 도움이 되는 2 가지 구성 요소가 있었습니다. CSS를 올바르게 설정하는 데 몇 시간이 걸렸지만 결국 내 웹 사이트 테마를 원하는 대로 만들 수 있었습니다.
가장 큰 장점은 모바일 메뉴가 위젯을 표시한다는 것입니다. 대부분의 경우에는 모바일 장치에서 페이지 끝에 놓이기 때문입니다. 위젯을 기사보다 먼저 표시하도록 설정하더라도 그들은 많은 공간을 차지할 것입니다.
확장 가능한 모바일 메뉴를 사용하여 기사가 표시되기 전에 더 많은 정보, 광고, 양식, 링크 및 메뉴를 제공할 수 있으며, 사용자가 궁금해해서 메뉴를 확장하기를 선택하는 경우에만 가능합니다. 또한 기사 제목에 이메일 수집을 계속 사용합니다.
이 변화의 가장 큰 어려움은 색상을 선택하고 멋진 디자인을 만드는 것입니다. 처음에 선택한 밝은 색상으로 내 웹사이트가 2003년 HTML 사이트처럼 보였습니다. 많은 변경 후에 만족스러운 결과물을 얻을 수 있었습니다.
이 사이드바를 사용하여 GeneratePress 테마의 3가지 보완을 삭제하여 워드프레스의 프로세스를 절약할 수 있었습니다. 다른 것은 초기에 캐시 플러그인을 사용하여 페이지가로드되는 방식이 거슬렸습니다. also.
CSS를 조정하는 데 몇 일을 보냈는데, 사용한 카테고리 셀렉터들을 예쁘게 만들었습니다. 또한 사이드바에 맞춤 스크롤바를 만들어 디자인을 더 현대적으로 만들었습니다. 아직 완전히 만족스럽지는 않지만, 시간이 흐르면 더 많은 변경이 이루어질 것입니다.
목표는 간단하고 명확합니다. 사용자에게 최상의 경험을 제공하고, 웹사이트를 최대로 수익을 올릴 수 있는 방법으로 운영하며, 페이지 속도를 높이고, 웹사이트 순위를 높이고, 더 많은 리드를 확보하는 것입니다.