소셜 미디어가 귀하의 웹사이트를 어떻게 표현합니까?
3515 단어 beginnershtmlwebdevprogramming
왜 관심을 가져야 하는가?
대부분의 사람들은 소셜 미디어에서 유용한(틈새) 웹사이트를 찾았습니다. 트위터 말고 CSS 그라디언트를 생성할 수 있는 사이트가 있다는 것을 어디서 알았습니까? 블로그와 Google 검색 외에 소셜 미디어는 특히 코드 인플루언서의 등장과 함께 많은 사람들에게 큰 마케팅 기회입니다.
귀하의 사이트에는 Google 봇이 침을 흘리는 설명 메타 태그가 있을 수 있습니다 🥴. 사이트의 우월성에 대해 이야기하면서 블로그(사람들이 관심을 가질 수도 있고 관심이 없을 수도 있음)를 유지할 수도 있습니다. 그러나 팔로워 중 한 명이 Twitter에 사이트를 게시하면 완전히 다른 게임이 됩니다.
흥미로운 미리보기 이미지와 함께 사이트에 대한 간결한 설명이 클릭을 유도하는 데 도움이 됩니다.
물론 직접 작성할 수도 있지만 사이트에서 자동으로 가져올 수 있다면 더 쉽지 않을까요? 또한 귀하의 사이트가 주말에만 망가지는 것이 아니라 전문적으로 보이도록 도와줄 것입니다(그렇습니까? 🧐?).
Open Graph 태그로 사용자 지정
Open Graph 태그는 Meta(이전의 Facebook) Open Graph 프로토콜의 일부입니다. 웹 사이트의 표시를 개선하기 위해 Facebook에서 원래 사용했던 HTML 메타 태그의 스니펫입니다.
이러한 태그를 인식하기 위해 속성 이름 앞에
og:
가 있습니다.Open Graph 태그는 LinkedIn 및 Twitter를 비롯한 다른 웹사이트에서도 사용됩니다. 일부 메시징 앱(WhatsApp, iMessage 등)도 이러한 태그를 지원하여 사이트의 스니펫을 생성합니다.
메타(그냥 Facebook이라고 부를 수 있나요?)는 사용할 수 있는 17개의 서로 다른 태그 이름을 제공합니다.
Yet another convention to learn..
시작하려면 이러한 태그 중 3~4개만 필요하므로 걱정하지 마세요.
스니펫 제목 지정
제목은 사이트에 좋은 첫인상을 주어야 합니다. 방법은 다음과 같습니다.
<meta property="og:title" content="10 Best Bananas to Eat today" />
이것은 원시 제목입니다. 여기에 사이트 이름이나 브랜드를 입력하지 마십시오. 제목은 사이트에 표시되는 내용을 정확하게 나타내야 합니다.
컷오프를 피하기 위해 짧은지 확인하십시오. 좋은 가이드는 모바일 화면에서 40자, 데스크톱 화면에서 60자입니다.
*cries in responsive layout*
네, 당신을 느낍니다...
수분이 많은 썸네일 지정
이미지는 분명히 모든 소셜 미디어에서 최고의 매력입니다. 다음과 같이 간단히 삽입하십시오.
<meta property="og:image" content="yourmom.jpg" />
최소 권장 크기는 1200x630입니다. 더 큰 이미지는 가로 세로 비율이 1.91:1이어야 합니다.
콘텐츠의 종류를 말하다
소셜 미디어의 알고리즘은 콘텐츠가 무엇인지 알려줄 때 콘텐츠가 무엇인지 이해하기가 훨씬 쉽습니다(duh 🙄).
방법은 다음과 같습니다.
<meta property="og:type" content="article" />
지정할 수 있는 유형이 상당히 많습니다. 살펴보세요here .
사이트 설명
이것은 꽤 간단합니다. 페이스북(웃음)은 2~4문장을 추천하는데 그건 확실히 짤리네요. 대신 짧고 달콤하게 만드십시오.
<meta property="og:description" content="Learn how to fight me" />
닫는 단어
이러한 모든 항목은 사이트에 필요하지 않지만 마케팅할 때 도움이 됩니다. 웹사이트 트래픽을 유기적으로 늘리는 기술(읽기: 가짜 계정 없음)은 SEO(검색 엔진 최적화)라는 주제에 속합니다. 시작할 수 있는 Fireshipvideo입니다.
그리고 언제나처럼 행복한 코딩 🙌
Reference
이 문제에 관하여(소셜 미디어가 귀하의 웹사이트를 어떻게 표현합니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/kemystra/how-social-media-present-your-website-17in텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)