홈페이지를 제작 하다보면 SEO에 대해서 한번쯤은 들어보셨을거라 생각합니다!
저희 잡오브브라더스에 대해 SEO를 알아보도록 합시다 🙂
SEO란? Search Engine Optimization의 약자로 검색엔진 최적화를 의미합니다.
SEO는 웹사이트나 웹 페이지를 검색 엔진의 검색 괄과에서 상위에 노출되도록 최적화 하는 작업을 포함합니다.
이를 통해 유기적인(비유료)트래픽을 유도하고, 브랜드의 인지도와 온라인 가시성을 향상 시킬 수 있습니다.
SEO를 홈페이지에 잘 알고 적용을 하면, 돈을 들이지 않고 검색시, 상위에 노출되게 할 수 있다는점!
SEO를 홈페이지에 적용하기 전에, 준비해야 할것들이 있습니다.
- 키워드 연구 : 검색어를 분석하고 타겟 키워드를 식별하여 해당 키워드를 포함한 콘텐츠를 생성합니다.
2.웹사이트 최적화: 웹사이트의 기술적인 측면을 개선하여 검색엔진이 쉽게 읽고 인덱싱 할 수 있도록 합니다.
이는 메타태그, URL구조, 사이트 속도, 모바일 호환성등을 포함합니다.
3.링크빌딩 : 다른 웹사이트로부터 품질 높은 백링크를 얻는것으로, 검색엔진에서 웹사이트의 신뢰도와 권위성을 증가시킵니다.
4.컨텐츠 최적화 : 고품질의 컨텐츠를 제공하고, 키워드를 적절히 사용하여 검색엔진에서 잘 노출되도록 합니다.
컨텐츠는 사용자에게 가치를 제공하고 검색 질의에 대한 응답을 제공해야 합니다.
5.사용자 경험 개선 : 웹사이트의 사용자 경험을 향상시켜 이탈률을 감소시키고 검색엔진에서의 순위를 개선합니다.
이는 사이트의 속도, 모바일 호환성, 사용자 친화적인 디자인등을 포함합니다.
6.소셜미디어 활용: 소셜미디어를 통해 웹사이트의 가시성을 높이고 소셜 신호를 구축하여 검색엔진 순위에 영향을 줄 수 있습니다.
SEO 메타태그에는 어떠한 것들이 있을까? — SEO 메타태그 정리
매다태그(Meta tags)는 HTML문서의 헤더 부분에 포함되는 태그로, 웹 페이지의 메타데이터를 정의하는데 사용합니다. (
태그 사이에 삽입)
name는 메타 데이터의 종류를 명시하고, content는 실제 값을 지정합니다.
SEO 메타태그 콘텐츠 마크업 — SEO 메타태그 정리와 TIP !
- 페이지 제목
: 페이지의 제목을 정의하는 메타태그입니다. 로봇은 페이지의 제목을 중요한 요소로 간주하므로 각 페이지마다 고유하고 설명적인 제목을 제공해야합니다.
페이지 제목 작성 TIP!
메인 페이지의 title 태그는 사이트의 성격을 잘 표현할 수 있는 브랜드명으로 기입하는 것이 좋습니다. 상호명, 서비스명, 제품명 등의 고유명사를 사용하여 사이트의 개설 목적에 맞는 브랜드 키워드를 활용하는 것을 권장합니다. 페이지의 title 태그는 페이지의 콘텐츠 주제를 명확하게 설명할 수 있는 문구를 기입해야 합니다. 과도한 길이의 제목은 검색 사용자의 사용성을 저해할 수 있으므로, 검색 결과에서 표현이 가능한 수준으로 제목의 길이를 제한하여 작성해야 합니다.
또한, 사이트 내의 모든 페이지에 동일한 제목을 넣지 않고, 각 페이지의 콘텐츠와 관련된 고유한 제목을 사용하는 것이 중요합니다. 검색 엔진은 해당 페이지 내의 정보 중 가장 적절한 것을 추출하여 검색 결과에 표시하기 때문에, 페이지 제목 태그와 오픈 그래프 태그를 일관되게 작성하는 것이 좋습니다.
요약하면, 메인 페이지의 title 태그는 사이트의 성격을 잘 표현하는 브랜드명을 사용하고, 개별 페이지의 title 태그는 페이지의 콘텐츠 주제를 명확하게 설명할 수 있는 문구로 작성해야 합니다. 일관성을 유지하고, 고유한 제목을 사용하여 검색 사용자가 콘텐츠를 찾을 수 있도록 해야 합니다.
## - 페이지 설명
페이지의 간단한 설명을 제공하는 메타태그입니다. 로봇은 이 설명을 사용자에게 검색 결과에서 보여주는데 활용합니다.
페이지 설명 작성 TIP!
페이지의 description 태그는 해당 페이지의 콘텐츠에 대한 간략한 설명으로, 1-2개의 문장으로 구성된 짧은 단락을 사용할 수 있습니다. 이때, 2회 이상 반복적인 키워드, 스팸성 키워드, 사이트와 연관이 없는 키워드가 포함되어 있으면 검색 노출에 불이익을 받을 수 있습니다. 또한, 메인 페이지의 description 태그를 자주 변경하거나 과도하게 길게 작성하여 사용자가 사이트를 파악하기 어렵게 만드는 경우에도 검색 노출에 불이익을 받을 수 있습니다.
복사 붙여넣기나 키워드 나열과 같이 콘텐츠에 맞지 않는 설명문을 작성하는 것은 검색 노출에 부정적인 영향을 줄 수 있으므로 피해야 합니다. 필요한 문구만을 간추려서 작성해주세요.
검색 엔진은 페이지 내의 정보 중에서 가장 적절한 것을 자동으로 추출하여 검색 결과에 표시합니다. 따라서 페이지의 설명문 태그뿐만 아니라 오픈 그래프 태그에도 일관된 문구를 작성하는 것이 좋습니다.
요약하면, 페이지의 description 태그는 해당 페이지의 콘텐츠에 대한 간략한 설명으로 작성되어야 합니다. 키워드의 반복이나 스팸성 키워드를 피하고, 메인 페이지의 설명문을 자주 변경하지 않고 적절한 길이로 유지해야 합니다. 또한, 오픈 그래프 태그에도 일관성 있는 문구를 작성해야 합니다.
## - 오픈그래프
오픈그래프 태그는 사이트가 소셜 미디어로 공유 될 때 우선적으로 활용되는 정보입니다.
사이트의 제목, 설명과 더불어서 사이트를 대표하는 이미지도 같이 넣어주세요.
오픈그래프에서 사용하는 이미지 크기는 가로 세로 150x150보다는 커야합니다.
이미지 파일 사이즈 크기가 5,000byte이상이어야 합니다.
가로 세로 비율이 3:1을 넘지 않아야 합니다.
각 문서를 대표 할 수 있는 이미지를 넣어주세요. 서로 다른 페이지에 중복하여 출현하는 이미지 또는 로고이미지와 같은 경우 문서를 대표하는 이미지로 볼 수 없습니다!
* 참고 : 자세한 내용은 ( [https://ogp.me/](https://ogp.me/) )사이트에서 확인해주세요
## - 소셜미디어
페이지의 메타 정보에 소셜 미디어에서 제공하는 다양한 부가 정보를 넣어주세요.
검색 뿐만 아니라 소셜 미디어에 내에서 공유될 콘텐츠의 정보를 여러분 스스로 결정함으로써 사용자의 페이지 방문을 높일 수 있습니다 : )
## - 반응형 웹
반응형 홈페이지의 장점은 웹 브라우저가 웹 문서의 가로폭을 기기의 스크린 크기에 맞게 자동적으로 조절하는 기법입니다.
반응형으로 제작된 홈페이지에 viewport 메타태그를 추가함으로써, 사용자가 페이지의 확대/축소 없이 웹 콘텐츠를 보다 쉽게 소비 할 수 있도록 도와줍니다.
---
오늘은 메타태그에 대해 알아보는 시간을 가졌습니다.
오늘 포스팅하여 정리한 글이 검색해서 들어오신
모든 분들에게 도움이 되셨으면 좋겠습니다 : )
도움이 되셨다면 공감 + 덧글 부탁드리겠습니다 〰️ ❤︎
---
 <aside class="ctaBanner contact"><div class="cbTxt"><b>홈페이지, 틀에 맞추지 말고 브랜드에 맞춰 만드세요. 잡오브브라더스이 기획부터 개발까지 직접 합니다.</b><span><a class="cbSub" href="tel:050714099559">0507-1409-9559</a></span></div><a class="cbBtn" href="https://jobofbrothers.com/contact">홈페이지 제작 문의 →</a></aside> <p class="outro">홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. <a href="https://jobofbrothers.com/contact">홈페이지 제작 문의 →</a></p> </div>
<a class="readMore" href="/blog/seo-메타태그-사용법-총-정리-메타태그-사용법과-매타태그-용도-설명/">이 글 전체 보기 →</a> <div class="postFoot">
<span class="pfLeft"><a href="/team/jobofbrothers/">잡오브브라더스</a> · <a href="tel:050714099559">상담 0507-1409-9559</a></span>
<span class="pfRight"><a href="/blog/seo-메타태그-사용법-총-정리-메타태그-사용법과-매타태그-용도-설명/">URL 복사</a></span>
</div>
</article>
<article class="postItem stream" id="post-149">
<div class="postHead">
<a class="postCat" href="/category/job-홈페이지-시스템/">JOB 홈페이지 시스템</a> <h2 class="postTitle"><a href="/blog/잡오브브라더스-홈페이지-관리-메뉴얼/">잡오브브라더스 , 홈페이지 관리 메뉴얼</a></h2> <div class="postMeta">
<a class="who" href="/team/jobofbrothers/">잡오브브라더스 홈페이지 제작 에이전시</a> <time datetime="2023-06-13T12:00:37+09:00">2023. 6. 13. 12:00</time>
</div>
</div>
<section class="tldr"><h3>핵심 요약</h3><p>저희 잡오브브라더스를 통해 홈페이지를 제작하시는 분들을 위한 홈페이지 메뉴얼을 정리하였습니다. 현재 그누보드로 제작된 홈페이지를 사용하시는 분들도 참고하셔도 좋을것 같습니다 팝업레이어 등록하기 관리자 비밀번호 변경 및 회원정보 수정 홈페이지 방문자 수 확인 게시판 확인하기 게시판 글쓰기 관리자 페이지에 접속 후 [1번째 탭] - [팝업레이어 관리]를 클릭합니다.</p></section> <div class="postBody prose">
<p><img src="/uploads/naver/jobofbrothers/223127543327-1.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<p>저희 잡오브브라더스를 통해 홈페이지를 제작하시는 분들을 위한 홈페이지 메뉴얼을 정리하였습니다.</p>
<p>현재 그누보드로 제작된 홈페이지를 사용하시는 분들도 참고하셔도 좋을것 같습니다</p>
<hr />
<h2 id="메뉴얼-순서">[ 메뉴얼 순서 ]</h2>
<p>팝업레이어 등록하기</p>
<p>관리자 비밀번호 변경 및 회원정보 수정</p>
<p>홈페이지 방문자 수 확인</p>
<p>게시판 확인하기</p>
<p>게시판 글쓰기</p>
<hr />
<h2 id="팝업레이어-등록하기"><strong>팝업레이어 등록하기</strong></h2>
<p>관리자 페이지에 접속 후 [1번째 탭] - [팝업레이어 관리]를 클릭합니다.</p>
<p><img src="/uploads/naver/jobofbrothers/223127543327-2.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<ol start="2">
<li>우측 상단에 있는 [새창관리추가]버튼을 클릭합니다.</li>
</ol>
<p><img src="/uploads/naver/jobofbrothers/223127543327-3.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<ol start="3">
<li>설정값을 입력한 후, 우측 상단에 있는 [확인]버튼을 클릭하면 등록이 완료됩니다.</li>
</ol>
<p><img src="/uploads/naver/jobofbrothers/223127543327-4.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<p>구분</p>
<p>커뮤니티 : 기본값 입니다. 쇼핑몰이 아닌, 일반 홈페이지는 ‘커뮤니티’로 등록되어있습니다.</p>
<p>커뮤니티와 쇼핑몰 : 커뮤니티와 쇼핑몰 모두 노출 하고 싶을 때 선택합니다.</p>
<p>쇼핑몰 : 쇼핑몰에 팝업을 노출 시키고 싶은 경우에 선택합니다.</p>
<p>접속기기 : 현재 반응형 홈페이지로 제작 되어있기 때문에, [pc와 모바일]로 설정하면 됩니다.</p>
<p>시간 : 고객이 다시 보지 않음을 선택할 시 몇 시간 동안 팝업레이어를 보여주지 않을지 설정합니다.</p>
<p>시작일시 : YYYY-MM-DD HH:MM:SS 형식으로 입력합니다. 시작일시를 오늘로를 체크 할 경우, 오늘 날짜가 자동으로 입력됩니다.</p>
<p>종료일시 : YYYY-MM-DD HH:MM:SS 형식으로 입력합니다. 종료일시를 오눌부터 7일후로로 선택 할 경우 오늘부터 + 7일 날짜가 자동으로 입력됩니다. 만약 팝업레이어를 항상 노출하고 싶을 경우 YYYY를 9999로 변경해주시면 됩니다.</p>
<p>팝업레이어 좌측위치 : 팝업레이어가 좌측에서 몇 px 떨어진곳에서 노출될지 위치를 설정합니다.</p>
<p>팝업레이어 상단위치 : 팝업레이어가 상단에서 몇 px 떨어진곳에서 노출될지 위치를 설정합니다.</p>
<p>팝업레이어 넓이 : 팝업레이어의 가로 크기를 입력합니다.</p>
<p>팝업레이어 높이 : 팝업레이어의 세로 크기를 입력합니다.</p>
<p>팝업제목 : 팝업의 제목을 입력합니다.</p>
<p>내용 : 팝업에 노출될 내용을 클릭합니다. 우측 상단에 있는 [사진]아이콘을 통해 팝업레이어에 사진 등록도 가능합니다.</p>
<p><img src="/uploads/naver/jobofbrothers/223127543327-5.webp" alt="사진 등록 방법" loading="lazy" decoding="async"></p>
<hr />
<h2 id="관리자-비밀번호-변경-및-회원-정보-수정"><strong>관리자 비밀번호 변경 및 회원 정보 수정</strong></h2>
<p>관리자 페이지 접속 후, [2번째 탭] - [회원관리]를 클릭합니다.</p>
<p><img src="/uploads/naver/jobofbrothers/223127543327-6.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<ol start="2">
<li>비밀번호 변경을 원하는 회원 옆에 있는 [수정]버튼을 클릭합니다.</li>
</ol>
<p><img src="/uploads/naver/jobofbrothers/223127543327-7.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<ol start="3">
<li>원하시는 비밀번호 입력 후, 우측 상단에 있는 [확인]버튼을 클릭하면 비밀번호 수정이 완료됩니다.</li>
</ol>
<p><img src="/uploads/naver/jobofbrothers/223127543327-8.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<p>해당 페이지에서 비밀번호 변경 뿐만 아니라, 회원 정보도 수정 가능합니다.</p>
<hr />
<h2 id="홈페이지-방문자-수-확인"><strong>홈페이지 방문자 수 확인</strong></h2>
<p>관리자 페이지에 접속 후 [2번째 탭]-[접속자 집계]를 클릭합니다.</p>
<p><img src="/uploads/naver/jobofbrothers/223127543327-9.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<ol start="2">
<li>해당 페이지에서 홈페이지 방문자 수를 기간별로 확인 가능합니다.</li>
</ol>
<hr />
<h2 id="게시판-확인하기"><strong>게시판 확인하기</strong></h2>
<p>관리자 페이지 접속 후 [3번째 탭] - [게시판 관리]를 클릭합니다.</p>
<p><img src="/uploads/naver/jobofbrothers/223127543327-10.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<ol start="2">
<li>접속하고 싶은 게시판을 클릭하면 해당 게시판 목록으로 이동합니다.</li>
</ol>
<p><img src="/uploads/naver/jobofbrothers/223127543327-11.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<p>최고관리자만 확인 할 수 있는 게시판이 있다면, 이 방법으로 접속해 주세요. [ ex) 문의 게시판 ]</p>
<p>게시판 설정 값은 개발시 필요한 설정이므로 건들지 말아주세요.</p>
<hr />
<h2 id="게시판-글쓰기"><strong>게시판 글쓰기</strong></h2>
<p>관리자 로그인 후, 게시판에 접속하면 해당 버튼이 보입니다. (우측 - 관리자, 글쓰기 , 편집 )</p>
<p><img src="/uploads/naver/jobofbrothers/223127543327-12.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<ol start="2">
<li>글쓰기 버튼을 클릭하면 해당 페이지로 이동합니다.</li>
</ol>
<p><img src="/uploads/naver/jobofbrothers/223127543327-13.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<p>해당 페이지에서 내용을 입력 후, [작성 완료]버튼을 클릭하면 게시글 등록이 완료됩니다.</p>
<p>썸네일을 등록해야되는 갤러리형 게시판일 경우, 썸네일 이미지를 필수로 등록해주세요. (우측 숫자는 이미지 권장 가로세로 사이즈입니다.)</p>
<p>글을 작성 할 때, 이미지 등록을 원하시는 경우, 글쓰기 창 우측 상단에 있는 [사진]아이콘을 통해 등록해주세요.</p>
<p><img src="/uploads/naver/jobofbrothers/223127543327-14.webp" alt="사진 등록 방법" loading="lazy" decoding="async"></p>
<hr />
<p><img src="/uploads/naver/jobofbrothers/223127543327-15.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p>
<p><img src="/uploads/naver/jobofbrothers/223127543327-16.webp" alt="잡오브브라더스 , 홈페이지 관리 메뉴얼" loading="lazy" decoding="async"></p> <aside class="ctaBanner contact"><div class="cbTxt"><b>홈페이지, 틀에 맞추지 말고 브랜드에 맞춰 만드세요. 잡오브브라더스이 기획부터 개발까지 직접 합니다.</b><span><a class="cbSub" href="tel:050714099559">0507-1409-9559</a></span></div><a class="cbBtn" href="https://jobofbrothers.com/contact">홈페이지 제작 문의 →</a></aside> <p class="outro">홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. <a href="https://jobofbrothers.com/contact">홈페이지 제작 문의 →</a></p> </div>
<a class="readMore" href="/blog/잡오브브라더스-홈페이지-관리-메뉴얼/">이 글 전체 보기 →</a> <div class="postFoot">
<span class="pfLeft"><a href="/team/jobofbrothers/">잡오브브라더스</a> · <a href="tel:050714099559">상담 0507-1409-9559</a></span>
<span class="pfRight"><a href="/blog/잡오브브라더스-홈페이지-관리-메뉴얼/">URL 복사</a></span>
</div>
</article>
<article class="postItem stream" id="post-150">
<div class="postHead">
<a class="postCat" href="/category/기업-브랜드/">기업·브랜드</a> <h2 class="postTitle"><a href="/blog/홈페이지-제작-모노리스monolith-회사-소개-홈페이지-제작-포트폴리오/">홈페이지 제작, 모노리스(MONOLITH) 회사 소개 홈페이지 제작 포트폴리오</a></h2> <div class="postMeta">
<a class="who" href="/team/jobofbrothers/">잡오브브라더스 홈페이지 제작 에이전시</a> <time datetime="2023-06-12T13:09:58+09:00">2023. 6. 12. 13:09</time>
</div>
</div>
<section class="tldr"><h3>핵심 요약</h3><p>지속가능한 미래를 선도하는 글로벌 기업 모노리스 이번에 잡오브브라더스에서 '모노리스' 회사소개 홈페이지를 제작하게 되었습니다 🙂 친환경 고분자/무기 소재 부품 제조기술 및 자원 Recycle 기술에 전문성을 갖춘 연구중심기업 모노리스 메뉴 구성 모노리스는 총 3 depth로 메뉴를 구성하였습니다. [회사소개] - 기술소개 / 공지사항 / 자료실</p></section> <div class="postBody prose">
<p><img src="/uploads/naver/jobofbrothers/223126612304-1.webp" alt="홈페이지 제작, 모노리스(MONOLITH) 회사 소개 홈페이지 제작 포트폴리오" loading="lazy" decoding="async"></p>
<hr />
<p>지속가능한 미래를 선도하는</p>
<p>글로벌 기업</p>
<p><strong>모노리스</strong></p>
<hr />
<p>이번에 잡오브브라더스에서 '모노리스'</p>
<p>회사소개 홈페이지를 제작하게 되었습니다 🙂</p>
<h2 id="홈페이지-개요">홈페이지 개요</h2>
<p>친환경 고분자/무기 소재 부품 제조기술 및 자원</p>
<p>Recycle 기술에 전문성을 갖춘 연구중심기업 모노리스</p>
<h2 id="홈페이지-특징">홈페이지 특징</h2>
<ul>
<li>
<p>반응형 홈페이지로 제작되었습니다.</p>
</li>
<li>
<p>다국어 사이트로 제작하였습니다 (국문,영문,중문)</p>
</li>
</ul>
<p><strong>메뉴 구성</strong></p>
<p>모노리스는 총 3 depth로 메뉴를 구성하였습니다.</p>
<p>[회사소개] - 기술소개 / 공지사항 / 자료실</p>
<p>[ 기술소개 ] - 친환경 소재기술(Polybutene-1/Poly Olefin Elastomer , Plant License 실적, MACH Process)</p>
<p>/ 산업폐기물 재자연화 기술( 유가금속 회수 기술, 이산화탄소 고정/자원화 기술 )</p>
<p>/ 전자 부품 소재 기술 ( 모노리스 그래픽 전극, 고전도성 분리판 제조기술 )</p>
<p>[ 공지사항 ] - 공지사항 안내</p>
<p>[자료실] - 공장전경 / 연구설비 / 국내해외특허</p>
<h2 id="국문-메인-페이지">국문 메인 페이지</h2>
<p><img src="/uploads/naver/jobofbrothers/223126612304-2.webp" alt="홈페이지 제작, 모노리스(MONOLITH) 회사 소개 홈페이지 제작 포트폴리오" loading="lazy" decoding="async"></p>
<h2 id="영문-메인-페이지">영문 메인 페이지</h2>
<p><img src="/uploads/naver/jobofbrothers/223126612304-3.webp" alt="홈페이지 제작, 모노리스(MONOLITH) 회사 소개 홈페이지 제작 포트폴리오" loading="lazy" decoding="async"></p>
<h2 id="중문-메인-페이지">중문 메인 페이지</h2>
<p><img src="/uploads/naver/jobofbrothers/223126612304-4.webp" alt="홈페이지 제작, 모노리스(MONOLITH) 회사 소개 홈페이지 제작 포트폴리오" loading="lazy" decoding="async"></p>
<h2 id="홈페이지-색상">홈페이지 색상</h2>
<div class="tbl-scroll"><table>
<thead>
<tr>
<th>#00B050</th>
<th>#0A245E</th>
<th>#0A4D77</th>
</tr>
</thead>
<tbody>
</tbody>
</table></div>
<blockquote>
<p>타이포그래픽 — Noto Sans - <a href="https://fonts.google.com/noto/specimen/Noto+Sans+KR" rel="noopener" target="_blank">https://fonts.google.com/noto/specimen/Noto+Sans+KR</a></p>
</blockquote>
<p><img src="/uploads/naver/jobofbrothers/223126612304-5.webp" alt="홈페이지 제작, 모노리스(MONOLITH) 회사 소개 홈페이지 제작 포트폴리오" loading="lazy" decoding="async"></p>
<ul>
<li>Noto Sans Korean을 사용하여 제작하였습니다.</li>
</ul>
<hr />
<p><a href="https://www.mono-biz.com/" rel="noopener" target="_blank">https://www.mono-biz.com/</a></p>
<p><a href="https://www.mono-biz.com/" rel="noopener" target="_blank">(주)모노리스</a></p>
<hr />
<p><img src="/uploads/naver/jobofbrothers/223126612304-6.webp" alt="홈페이지 제작, 모노리스(MONOLITH) 회사 소개 홈페이지 제작 포트폴리오" loading="lazy" decoding="async"></p>
<p><img src="/uploads/naver/jobofbrothers/223126612304-7.webp" alt="홈페이지 제작, 모노리스(MONOLITH) 회사 소개 홈페이지 제작 포트폴리오" loading="lazy" decoding="async"></p>
<h1>홈페이지제작 #잡오브브라더스 #모노리스 #다국어사이트제작 #홈페이지제작포트폴리오 #포트폴리오 #회사소개홈페이지 #회사홈페이지</h1> <aside class="ctaBanner contact"><div class="cbTxt"><b>홈페이지, 틀에 맞추지 말고 브랜드에 맞춰 만드세요. 잡오브브라더스이 기획부터 개발까지 직접 합니다.</b><span><a class="cbSub" href="tel:050714099559">0507-1409-9559</a></span></div><a class="cbBtn" href="https://jobofbrothers.com/contact">홈페이지 제작 문의 →</a></aside> <p class="outro">홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. <a href="https://jobofbrothers.com/contact">홈페이지 제작 문의 →</a></p> </div>
<a class="readMore" href="/blog/홈페이지-제작-모노리스monolith-회사-소개-홈페이지-제작-포트폴리오/">이 글 전체 보기 →</a> <div class="postFoot">
<span class="pfLeft"><a href="/team/jobofbrothers/">잡오브브라더스</a> · <a href="tel:050714099559">상담 0507-1409-9559</a></span>
<span class="pfRight"><a href="/blog/홈페이지-제작-모노리스monolith-회사-소개-홈페이지-제작-포트폴리오/">URL 복사</a></span>
</div>
</article>
<section class="mFeed" aria-label="블로그 글 목록">
<div class="mFeedHead">
<b>블로그 글 목록</b><span>196</span>
<div class="mView" role="group" aria-label="보기 방식"><button type="button" data-view="card" class="on" aria-label="카드형 보기"><i class="ic-card"></i></button><button type="button" data-view="list" aria-label="목록형 보기"><i class="ic-list"></i></button></div>
</div>
<ul class="mCards">
<li><a href="/blog/홈페이지-리뉴얼-기존-검색-유입을-지키기-위한-점검-6가지/">
<div class="mThumb"><img src="/uploads/naver/jobofbrothers/224446260648-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt">
<em>JOB 홈페이지 정보</em> <h3>홈페이지 리뉴얼, 기존 검색 유입을 지키기 위한 점검 6가지</h3>
<p>홈페이지 리뉴얼을 준비하면 사진과 색상, 첫 화면 문구에 먼저 관심이 갑니다. 하지만 기존 사이트를 통해 고객이 찾아오고 있었다면 화면과 함께 확인할 것이 있습니다. 방문자가 검색하거나 저장해 둔 주소로 들어왔을 때…</p>
<div class="mMeta"><time datetime="2026-10-19">2026. 10. 19.</time></div>
</div>
</a></li>
<li><a href="/blog/잡오브브라더스-레드브릭스-공식-홈페이지-2025-k-awards-온라인-마케팅-대상-수상/">
<div class="mThumb"><img src="/uploads/naver/jobofbrothers/224443524551-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt">
<em>JOB 홈페이지 소식</em> <h3>잡오브브라더스 레드브릭스 공식 홈페이지, 2025 K-Awards 온라인 마케팅 대상 수상</h3>
<p>안녕하세요. 웹에이전시 잡오브브라더스입니다. 오늘은 저희가 함께 나누고 싶은 반가운 소식을 가져왔습니다. ‘레드브릭스 공식 홈페이지’가 2025 K-Awards에서 Online Marketing 부문 대상을 수상했습…</p>
<div class="mMeta"><time datetime="2026-10-16">2026. 10. 16.</time></div>
</div>
</a></li>
<li><a href="/blog/기업-홈페이지-제작-회사-소개서-내용을-그대로-옮겨도-될까요/">
<div class="mThumb"><img src="/uploads/naver/jobofbrothers/224441079265-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt">
<em>JOB 홈페이지 정보</em> <h3>기업 홈페이지 제작, 회사 소개서 내용을 그대로 옮겨도 될까요?</h3>
<p>기업 홈페이지 제작을 준비할 때 가장 먼저 꺼내는 자료가 회사 소개서입니다. 사업 분야와 제품, 연혁이 정리되어 있어 출발점으로는 좋습니다. 다만 소개서의 순서와 문장을 그대로 웹에 옮기면 방문자가 찾는 정보를 놓칠…</p>
<div class="mMeta"><time datetime="2026-10-14">2026. 10. 14.</time></div>
</div>
</a></li>
<li><a href="/blog/카페24-쇼핑몰-제작-상품-분류부터-정리해야-하는-이유/">
<div class="mThumb"><img src="/uploads/naver/jobofbrothers/224438688393-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt">
<em>JOB 홈페이지 정보</em> <h3>카페24 쇼핑몰 제작, 상품 분류부터 정리해야 하는 이유</h3>
<p>카페24 쇼핑몰 제작을 준비하면 배너와 색상부터 고민하기 쉽습니다. 하지만 고객이 원하는 상품을 어디에서 찾을지 정리되지 않으면, 디자인을 바꾼 뒤에도 메뉴와 상품 목록을 다시 손봐야 할 수 있습니다. 쇼핑몰의 상품…</p>
<div class="mMeta"><time datetime="2026-10-12">2026. 10. 12.</time></div>
</div>
</a></li>
<li><a href="/blog/2025-mbn-창의발명대회-홈페이지-아이디어와-참여를-연결하는-대회-웹사이트/">
<div class="mThumb"><img src="/uploads/naver/jobofbrothers/224434897733-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt">
<em>행사·교육 홈페이지</em> <h3>2025 MBN 창의발명대회 홈페이지 | 아이디어와 참여를 연결하는 대회 웹사이트</h3>
<p>대회 홈페이지는 행사의 인상을 전달하는 동시에 참가자가 준비에 필요한 정보를 찾도록 안내해야 합니다. 이번에 소개할 포트폴리오는 WONDERCHILD 창의발명대회 홈페이지입니다. 대회개요와 참가규정, 유의사항, 시상…</p>
<div class="mMeta"><time datetime="2026-10-08">2026. 10. 8.</time></div>
</div>
</a></li>
<li><a href="/blog/중앙대학교-푸르미르-홈페이지-배움의-가능성을-넓히는-aisw-교육-플랫폼/">
<div class="mThumb"><img src="/uploads/naver/jobofbrothers/224433969967-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt">
<em>행사·교육 홈페이지</em> <h3>중앙대학교 푸르미르 홈페이지 | 배움의 가능성을 넓히는 AI·SW 교육 플랫폼</h3>
<p>교육 플랫폼의 홈페이지는 다양한 강의를 보여주는 동시에, 방문자가 자신에게 필요한 배움을 찾도록 안내해야 합니다. 이번에 소개할 포트폴리오는 중앙대학교 다빈치SW교육원의 푸르미르 홈페이지입니다. 교육 콘텐츠와 학습…</p>
<div class="mMeta"><time datetime="2026-10-07">2026. 10. 7.</time></div>
</div>
</a></li>
<li><a href="/blog/변호사-홈페이지에-쓰면-안-되는-표현-체크리스트-광고규정과-문구-점검-기준/">
<div class="mThumb"><img src="/uploads/naver/jobofbrothers/224433768431-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt">
<em>JOB 홈페이지 정보</em> <h3>변호사 홈페이지에 쓰면 안 되는 표현 체크리스트: 광고규정과 문구 점검 기준</h3>
<p>변호사 홈페이지를 제작할 때는 디자인만큼 소개 문구도 중요합니다. 첫 화면의 한 줄, 변호사 소개, 업무 분야 설명이 사무소의 인상을 만들기 때문입니다. 눈길을 끄는 문장이라도 확인되지 않은 실력이나 사건 결과를 단…</p>
<div class="mMeta"><time datetime="2026-10-07">2026. 10. 7.</time></div>
</div>
</a></li>
<li><a href="/blog/법무법인-홈페이지-제작-상담-전-확인할-구성과-견적-기준/">
<div class="mThumb"><img src="/uploads/naver/jobofbrothers/224432607631-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt">
<em>JOB 홈페이지 시스템</em> <h3>법무법인 홈페이지 제작, 상담 전 확인할 구성과 견적 기준</h3>
<p>법무법인 홈페이지를 준비할 때 가장 먼저 떠오르는 질문은 “어떤 디자인이 좋을까?”입니다. 하지만 제작 상담을 시작하기 전에는 디자인과 함께 방문자가 확인해야 할 정보, 문의 방식, 자료 준비 범위를 정리하는 것이…</p>
<div class="mMeta"><time datetime="2026-10-06">2026. 10. 6.</time></div>
</div>
</a></li>
<li><a href="/blog/변호사-홈페이지-제작-법률사무소의-신뢰를-전달하는-사이트-구성/">
<div class="mThumb"><img src="/uploads/naver/jobofbrothers/224429144726-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt">
<em>JOB 홈페이지 시스템</em> <h3>변호사 홈페이지 제작, 법률사무소의 신뢰를 전달하는 사이트 구성</h3>
<p>주변의 소개를 받기도 하지만, 온라인에서 사무실과 변호사의 정보를 찾아본 뒤 상담을 결정하는 경우도 있습니다. 이때 홈페이지는 주요 업무 분야와 상담 방법을 확인하는 공간이 됩니다. 처음 방문한 사람이 필요한 내용을…</p>
<div class="mMeta"><time datetime="2026-10-02">2026. 10. 2.</time></div>
</div>
</a></li>
<li><a href="/blog/무료폰트-라이선스-이것만-알면-문제-없습니다-어디까지-써도-괜찮을까-총정리/">
<div class="mThumb"><img src="/uploads/naver/jobofbrothers/224274536570-1.webp" alt="" loading="lazy" decoding="async"></div> <div class="mTxt">
<em>JOB 홈페이지 정보</em> <h3>무료폰트 라이선스, 이것만 알면 문제 없습니다. 어디까지 써도 괜찮을까 총정리</h3>
<p>무료 폰트는 비용 부담 없이 사용할 수 있다는 점에서 많은 디자이너와 웹사이트 운영자들에게 매력적인 선택입니다. '무료'라는 단어만 믿고 아무 생각 없이 사용했다가는 예상치 못한 문제에 직면할 수 있습니다. 특히 웹…</p>
<div class="mMeta"><time datetime="2026-05-19">2026. 5. 19.</time></div>
</div>
</a></li>
</ul>
<div class="mMore">
<a href="/blog/page/29/">‹ 최신 글</a> <span>30 / 40</span>
<a href="/blog/page/31/">이전 글 더 보기 ›</a> </div>
</section>
<section class="postList" aria-label="글 목록">
<div class="plHead"><h2>블로그 글 목록</h2><span class="plCount">196개의 글</span></div>
<table>
<thead><tr><th class="t">글 제목</th><th class="v">조회</th><th class="d">작성일</th></tr></thead>
<tbody>
<tr><td class="t"><a href="/blog/홈페이지-리뉴얼-기존-검색-유입을-지키기-위한-점검-6가지/">홈페이지 리뉴얼, 기존 검색 유입을 지키기 위한 점검 6가지</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 10. 19.</td></tr><tr><td class="t"><a href="/blog/잡오브브라더스-레드브릭스-공식-홈페이지-2025-k-awards-온라인-마케팅-대상-수상/">잡오브브라더스 레드브릭스 공식 홈페이지, 2025 K-Awards 온라인 마케팅 대상 수상</a> <small class="c">JOB 홈페이지 소식</small></td><td class="v">0</td><td class="d">2026. 10. 16.</td></tr><tr><td class="t"><a href="/blog/기업-홈페이지-제작-회사-소개서-내용을-그대로-옮겨도-될까요/">기업 홈페이지 제작, 회사 소개서 내용을 그대로 옮겨도 될까요?</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 10. 14.</td></tr><tr><td class="t"><a href="/blog/카페24-쇼핑몰-제작-상품-분류부터-정리해야-하는-이유/">카페24 쇼핑몰 제작, 상품 분류부터 정리해야 하는 이유</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 10. 12.</td></tr><tr><td class="t"><a href="/blog/2025-mbn-창의발명대회-홈페이지-아이디어와-참여를-연결하는-대회-웹사이트/">2025 MBN 창의발명대회 홈페이지 | 아이디어와 참여를 연결하는 대회 웹사이트</a> <small class="c">행사·교육 홈페이지</small></td><td class="v">0</td><td class="d">2026. 10. 8.</td></tr><tr><td class="t"><a href="/blog/중앙대학교-푸르미르-홈페이지-배움의-가능성을-넓히는-aisw-교육-플랫폼/">중앙대학교 푸르미르 홈페이지 | 배움의 가능성을 넓히는 AI·SW 교육 플랫폼</a> <small class="c">행사·교육 홈페이지</small></td><td class="v">0</td><td class="d">2026. 10. 7.</td></tr><tr><td class="t"><a href="/blog/변호사-홈페이지에-쓰면-안-되는-표현-체크리스트-광고규정과-문구-점검-기준/">변호사 홈페이지에 쓰면 안 되는 표현 체크리스트: 광고규정과 문구 점검 기준</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 10. 7.</td></tr><tr><td class="t"><a href="/blog/법무법인-홈페이지-제작-상담-전-확인할-구성과-견적-기준/">법무법인 홈페이지 제작, 상담 전 확인할 구성과 견적 기준</a> <small class="c">JOB 홈페이지 시스템</small></td><td class="v">0</td><td class="d">2026. 10. 6.</td></tr><tr><td class="t"><a href="/blog/변호사-홈페이지-제작-법률사무소의-신뢰를-전달하는-사이트-구성/">변호사 홈페이지 제작, 법률사무소의 신뢰를 전달하는 사이트 구성</a> <small class="c">JOB 홈페이지 시스템</small></td><td class="v">0</td><td class="d">2026. 10. 2.</td></tr><tr><td class="t"><a href="/blog/무료폰트-라이선스-이것만-알면-문제-없습니다-어디까지-써도-괜찮을까-총정리/">무료폰트 라이선스, 이것만 알면 문제 없습니다. 어디까지 써도 괜찮을까 총정리</a> <small class="c">JOB 홈페이지 정보</small></td><td class="v">0</td><td class="d">2026. 5. 19.</td></tr> </tbody>
</table>
<nav class="plPager" aria-label="목록 페이지">
<a rel="prev" href="/blog/page/29/">‹ 이전</a> <a href="/blog/page/26/">26</a><a href="/blog/page/27/">27</a><a href="/blog/page/28/">28</a><a href="/blog/page/29/">29</a><a href="/blog/page/30/" class="on" aria-current="page">30</a><a href="/blog/page/31/">31</a><a href="/blog/page/32/">32</a><a href="/blog/page/33/">33</a><a href="/blog/page/34/">34</a><a href="/blog/page/35/">35</a> <a rel="next" href="/blog/page/31/">다음 ›</a> </nav>
</section>
</main>
<aside class="blogSide" aria-label="프로필·카테고리">
<section class="profile">
<a href="/team/jobofbrothers/" class="pfImg"><img src="/uploads/brand/profile.png" alt="잡오브브라더스" width="160" height="160"></a> <div class="pfName">잡오브브라더스 홈페이지 제작 에이전시</div>
<p class="pfIntro">안녕하세요, 잡오브브라더스입니다.<br />
홈페이지를 만들면서 알게 된 것들을 씁니다. 홈페이지 제작 정보, 우리가 쓰는 시스템 이야기, 그리고 지금까지 만든 포트폴리오를 분야별로 정리해 올립니다. 틀에 맞추지 않고 브랜드에 맞춰 만듭니다.</p>
<p class="pfTel">[상담문의]<br><a href="tel:050714099559">0507-1409-9559</a></p> <p class="pfAddr">서울특별시 금천구 벚꽃로 254, 8층 802호</p> <div class="pfBtns"><a class="pfBtn" href="https://jobofbrothers.com/contact">홈페이지 제작 문의</a></div>
</section>
<section class="sideBox cats">
<h2>카테고리</h2>
<ul class="catList">
<li><a href="/blog/">전체보기 <span>(196)</span></a></li>
<li class="divider" aria-hidden="true"></li> <li class="lv0"><a href="/category/job-홈페이지-정보/">JOB 홈페이지 정보 <span>(54)</span></a></li>
<li class="lv0"><a href="/category/job-홈페이지-시스템/">JOB 홈페이지 시스템 <span>(22)</span></a></li>
<li class="lv0"><a href="/category/job-홈페이지-소식/">JOB 홈페이지 소식 <span>(3)</span></a></li>
<li class="divider" aria-hidden="true"></li> <li class="lv0"><a href="/category/포트폴리오/">포트폴리오 <span>(117)</span></a></li>
<li class="lv1"><a href="/category/법무법인-변호사/"><i>└</i> 법무법인·변호사 <span>(26)</span></a></li>
<li class="lv1"><a href="/category/기업-브랜드/"><i>└</i> 기업·브랜드 <span>(34)</span></a></li>
<li class="lv1"><a href="/category/쇼핑몰/"><i>└</i> 쇼핑몰 <span>(6)</span></a></li>
<li class="lv1"><a href="/category/행사-교육-홈페이지/"><i>└</i> 행사·교육 홈페이지 <span>(26)</span></a></li>
<li class="lv1"><a href="/category/프랜차이즈-창업-랜딩/"><i>└</i> 프랜차이즈·창업 랜딩 <span>(22)</span></a></li>
<li class="lv1"><a href="/category/병원-의원-홈페이지/"><i>└</i> 병원·의원 홈페이지 <span>(3)</span></a></li>
<li class="divider" aria-hidden="true"></li> <li><a href="/faq/">자주 묻는 질문</a></li> </ul>
</section>
<section class="sideBox w-recent">
<h2>최근 글</h2>
<ul class="recentList"><li><a href="/blog/홈페이지-리뉴얼-기존-검색-유입을-지키기-위한-점검-6가지/">홈페이지 리뉴얼, 기존 검색 유입을 지키기 위한 점검 6가지</a></li><li><a href="/blog/잡오브브라더스-레드브릭스-공식-홈페이지-2025-k-awards-온라인-마케팅-대상-수상/">잡오브브라더스 레드브릭스 공식 홈페이지, 2025 K-Awards 온라인 마케팅 대상 수상</a></li><li><a href="/blog/기업-홈페이지-제작-회사-소개서-내용을-그대로-옮겨도-될까요/">기업 홈페이지 제작, 회사 소개서 내용을 그대로 옮겨도 될까요?</a></li><li><a href="/blog/카페24-쇼핑몰-제작-상품-분류부터-정리해야-하는-이유/">카페24 쇼핑몰 제작, 상품 분류부터 정리해야 하는 이유</a></li><li><a href="/blog/2025-mbn-창의발명대회-홈페이지-아이디어와-참여를-연결하는-대회-웹사이트/">2025 MBN 창의발명대회 홈페이지 | 아이디어와 참여를 연결하는 대회 웹사이트</a></li></ul>
</section>
<section class="sideBox w-services">
<h2>제작 분야</h2>
<ul class="recentList"><li><a href="/services/corporate/">기업·브랜드 홈페이지</a></li><li><a href="/services/lawfirm/">법무법인·변호사 홈페이지</a></li><li><a href="/services/shop/">쇼핑몰 구축</a></li><li><a href="/services/landing/">행사·교육·랜딩페이지</a></li><li><a href="/services/ontoblog/">검색·AI에 읽히는 블로그(ontoblog)</a></li></ul>
</section>
<section class="sideBox counter">
<dl><div><dt>글</dt><dd>196</dd></div><div><dt>전체 조회</dt><dd>0</dd></div></dl>
</section>
</aside>
</div>
<div class="mSheetBg" hidden></div>
<aside id="mSheet" class="mSheet" hidden aria-label="메뉴">
<div class="shHead"><b>카테고리 · 메뉴</b><button type="button" class="closeSheet" aria-label="닫기">×</button></div>
<h3>카테고리</h3>
<ul class="shList"><li><a href="/blog/">전체보기 <span>196</span></a></li><li class="lv0"><a href="/category/job-홈페이지-정보/"><b>JOB 홈페이지 정보</b> <span>54</span></a></li><li class="lv0"><a href="/category/job-홈페이지-시스템/"><b>JOB 홈페이지 시스템</b> <span>22</span></a></li><li class="lv0"><a href="/category/job-홈페이지-소식/"><b>JOB 홈페이지 소식</b> <span>3</span></a></li><li class="lv0"><a href="/category/포트폴리오/"><b>포트폴리오</b> <span>117</span></a></li><li class="lv1"><a href="/category/법무법인-변호사/"><b>└ 법무법인·변호사</b> <span>26</span></a></li><li class="lv1"><a href="/category/기업-브랜드/"><b>└ 기업·브랜드</b> <span>34</span></a></li><li class="lv1"><a href="/category/쇼핑몰/"><b>└ 쇼핑몰 </b> <span>6</span></a></li><li class="lv1"><a href="/category/행사-교육-홈페이지/"><b>└ 행사·교육 홈페이지</b> <span>26</span></a></li><li class="lv1"><a href="/category/프랜차이즈-창업-랜딩/"><b>└ 프랜차이즈·창업 랜딩</b> <span>22</span></a></li><li class="lv1"><a href="/category/병원-의원-홈페이지/"><b>└ 병원·의원 홈페이지</b> <span>3</span></a></li></ul>
<h3>메뉴</h3>
<ul class="shList"><li><a href="/">프롤로그</a></li><li><a href="/blog/">블로그</a></li><li><a href="/services/">제작 분야</a></li><li><a href="/category/포트폴리오/">포트폴리오</a></li><li><a href="/about/">회사 소개</a></li><li><a href="/faq/">자주 묻는 질문</a></li><li><a href="https://jobofbrothers.com/">홈페이지</a></li></ul>
<h3>바로가기</h3>
<ul class="shGrid"><li><a href="https://jobofbrothers.com/contact">홈페이지 제작 문의</a></li><li><a href="https://jobofbrothers.com/portfolio">포트폴리오</a></li><li><a href="https://law.jobofbrothers.com/">법무법인 홈페이지</a></li><li><a href="https://ontoblog.com/">온투블로그</a></li><li><a href="/category/job-홈페이지-정보/">홈페이지 정보</a></li><li><a href="/category/job-홈페이지-시스템/">시스템 이야기</a></li><li><a href="/about/">회사 소개</a></li></ul></aside>
<footer class="blogFooter" id="bizinfo">
<div class="inner">
<div class="ft1">
<b>잡오브브라더스</b>
<p>기획·디자인·퍼블리싱·개발까지 직접 하는 홈페이지 제작 에이전시 잡오브브라더스의 블로그입니다.</p> <p class="ftLinks"><a href="https://jobofbrothers.com/" rel="noopener me" target="_blank">jobofbrothers.com</a><a href="https://blog.naver.com/jobofbrothers" rel="noopener me" target="_blank">blog.naver.com</a><a href="https://law.jobofbrothers.com/" rel="noopener me" target="_blank">law.jobofbrothers.com</a><a href="https://ontoblog.com/" rel="noopener me" target="_blank">ontoblog.com</a></p> </div>
<address class="ft2">
<span>잡오브브라더스 · 대표 오성훈</span> <span>사업자등록번호 457-15-01816</span> <span>서울특별시 금천구 벚꽃로 254, 8층 802호</span> <span>상담문의 <a href="tel:050714099559">0507-1409-9559</a></span> <span>jobofbrothers@naver.com</span> <span>서비스 지역 서울 · 경기 · 전국(온라인)</span> <span class="ftNav"><a href="/about/">소개</a> · <a href="/faq/">자주 묻는 질문</a> · <a href="/glossary/">용어집</a> · <a href="/rss.xml">RSS</a> · <a href="/sitemap.xml">사이트맵</a> · <a href="/llms.txt">llms.txt</a></span>
<a class="obCredit" href="https://ontoblog.com/?ref=job.ontoblog.com" target="_blank" rel="noopener" title="ontoblog — 네이버·구글·AI 검색에 잘 읽히는 블로그"><svg viewBox="0 0 64 64" aria-hidden="true"><rect width="64" height="64" rx="15" fill="#0E9F6E"/><g fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round"><circle cx="22.5" cy="38" r="9.5"/><circle cx="46.5" cy="38" r="9.5"/><path d="M37 14v33.5"/></g><path d="M22.5 28.5 37 14" stroke="#fff" stroke-width="2.8" stroke-linecap="round"/><circle cx="37" cy="14" r="5.2" fill="#fff"/><circle cx="37" cy="14" r="2" fill="#0E9F6E"/></svg><span>onto<b>blog</b>로 만든 블로그</span></a> <span class="copy">© 2026 잡오브브라더스</span>
</address>
</div>
</footer>
<nav class="fixBar" aria-label="빠른 상담">
<a class="tel" href="tel:050714099559">전화 상담</a> <a class="ask" href="https://jobofbrothers.com/contact">홈페이지 제작 문의</a>
</nav>
<script src="/assets/site.js?v=1.5.2" defer></script>
</body>
</html>
