dev-to-hashnode

Dev.to と Hashnode での公開

開発者向けブログプラットフォームには、数十万人の開発者からなる組み込みの読者層があります。このスキルでは、クロスポスト戦略、各プラットフォームに合わせた最適化、Dev.to と Hashnode でのフォロワー獲得について説明します。

---

始める前に

1. .agents/developer-audience-context.md が存在する場合は読みます
2. カノニカル URL の方針を決めます（SEO にとって重要です）
3. ユーザー名を確保するため、両方のプラットフォームでアカウントを作成します
4. 次の点を理解します：これらのプラットフォームでは、継続性とエンゲージメントが評価されます

---

プラットフォームの比較

Dev.to と Hashnode

機能	Dev.to	Hashnode
月間訪問者数	約1,000万人以上	約300万人以上
カスタムドメイン	なし（サブドメインのみ）	あり（無料）
カノニカル URL 対応	あり	あり
SEO のメリット	ドメインオーソリティが高い	独自ドメインが SEO の効果を得られる
収益化	ネイティブ機能なし	スポンサー、ニュースレター
ニュースレター	なし	組み込み
シリーズ対応	あり	あり
コードのハイライト表示	優秀	優秀
コミュニティ機能	充実（リアクション、コメント）	拡大中
読者層	より幅広く、初心者が多い	より経験豊富で、専門性が高い

それぞれの使いどころ

Dev.to を使う場合	Hashnode を使う場合
最大限のリーチを優先する	独自ブランドを構築する
初心者や中級者を対象にする	カスタムドメインで SEO 効果を得たい
コミュニティとの交流を重視する	メールリストを構築する
コンテンツの反応を手早く確認する	長期的なコンテンツ戦略を立てる
独自のブログを持っていない	メインブログを補完する

---

クロスポスト戦略

カノニカル URL の決定

戦略	メリット	デメリット
独自ブログで最初に公開	独自ドメインで SEO 効果が得られ、完全に管理できる	プラットフォームでの検索順位が下がる場合がある
Dev.to で最初に公開	初期のリーチを最大化できる	独自ドメインで SEO 効果が得られない
Hashnode（カスタムドメイン）で最初に公開	SEO とプラットフォームでのリーチ	初期の読者層が小さい

ベストプラクティス：独自ブログで公開してからクロスポスト

1. まず独自ブログで公開 — これをカノニカルにします
2. 1～2日待つ — Google が独自ブログの記事をインデックスするのを待ちます
3. Dev.to にクロスポスト — カノニカル URL に独自ブログの URL を設定します
4. Hashnode にクロスポスト — カノニカル URL に独自ブログの URL を設定します

カノニカル URL の設定

Dev.to（フロントマター内）：

---
title: Your Title
canonical_url: https://yourblog.com/your-post
---

Hashnode（エディター内）：

• 「Article settings」の歯車アイコンをクリックします
• 「Canonical URL」欄に元記事の URL を貼り付けます

---

Dev.to の最適化

フロントマターの構成

---
title: "Specific, Keyword-Rich Title (Not Clickbait)"
published: true
description: "One compelling sentence that shows up in previews and SEO"
tags: javascript, webdev, tutorial, beginners
cover_image: https://your-cdn.com/image.png
canonical_url: https://yourblog.com/original-post
series: "Building a CLI from Scratch"
---

タグ戦略

タグ	フォロワー数	用途
#javascript	20万人以上	JavaScript コンテンツ
#webdev	15万人以上	一般的なウェブ開発
#beginners	12万人以上	初心者にもわかりやすいコンテンツ
#tutorial	10万人以上	手順を追ったガイド
#react	8万人以上	React に関する内容
#programming	8万人以上	一般的なプログラミング
#python	7万人以上	Python コンテンツ
#devops	5万人以上	DevOps、CI/CD
#opensource	4万人以上	オープンソースプロジェクト
#productivity	4万人以上	開発者向けツール、ワークフロー

ルール：

• 1つの投稿につき、タグは最大4つです
• 最初のタグがメインタグです（URL に表示されます）
• 使用する前にタグのフォロワー数を確認します

Dev.to で成果が出るコンテンツ

コンテンツの種類	成果	備考
初心者向けチュートリアル	高い	最も大きな読者層です
リスト形式の記事（「10のツール…」など）	高い	手軽に読めます
キャリアに関するアドバイス	高い	将来への意欲をかき立てる内容です
挑発的な意見	中～高	議論を呼ぶ内容はエンゲージメントにつながります
高度に技術的な内容	中程度	ニッチですが、関心の高い読者層です
プロジェクト紹介	中程度	背景にストーリーがあると効果的です
ニュース／更新情報	低い	公式情報と競合します

Dev.to のエンゲージメント機能

機能	使い方
リアクション	ハート、ユニコーン、保存、炎など、それぞれ意味が異なります
コメント	アルゴリズムでの評価を高めるため、すべてのコメントに返信します
シリーズ	関連する投稿をまとめ、続けて読むきっかけを作ります
ディスカッション	意見や質問を投稿する際は #discuss タグを付けます
リスティング	求人、イベント、製品を投稿します

---

Hashnode の最適化

記事の設定

設定	推奨事項
サブタイトル	SEO キーワードに使用します
カバー画像	最適なサイズは1600x840です
SEO タイトル	記事タイトルと異なっていてもかまいません
SEO ディスクリプション	最大155文字です
正規 URL	クロスポストする場合は元記事の URL を使用します
目次を有効にする	長い記事では有効にします
コメントを無効にする	いいえ。エンゲージメントにつながります

タグ戦略

Hashnode のタグの仕組みは異なります。

• タグはグローバルなトピックに紐づいています
• 専用フィードがあるタグもあります
• タグは少数に絞り、焦点を明確にします

人気の Hashnode タグ：

• javascript、web-development、react
• devops、cloud、aws
• beginners、tutorial
• opensource、programming

Hashnode で効果的なコンテンツ

コンテンツの種類	効果	備考
詳細なチュートリアル	高い	読者は深い内容を期待しています
アーキテクチャに関する記事	高い	より経験豊富な読者層です
DevOps／クラウド関連のコンテンツ	高い	強いニッチな存在感があります
キャリアに関する体験談	中〜高	個人的な体験談が効果的です
手短なヒント	中程度	Dev.to ほどではありません
まとめ記事	中程度	ここでは効果が低めです

Hashnode 固有の機能

機能	使い方
ニュースレター	有効にして登録者を集めます
シリーズ	チュートリアルやコースに最適です
カスタム CSS	ブログを独自のスタイルにします
ウィジェット	GitHub やニュースレターの CTA を追加します
スポンサー	Hashnode にはスポンサー制度があります
アナリティクス	組み込み機能で、Dev.to より詳細です

---

コンテンツの書式設定

効果的な構成

# Title

[Compelling hook — why should they care?]

## Table of Contents (for long posts)
- [Section 1](#section-1)
- [Section 2](#section-2)

## The Problem

[What pain point are you solving?]

## The Solution

[Your approach, with code examples]

### Code Example

```language
// Well-commented code
const example = "explained";

ステップごとの手順

1. ステップ1 — 説明
2. ステップ2 — 説明
3. ステップ3 — 説明

よくある落とし穴

[注意すべき点]

まとめ

[要約＋CTA]

---

役に立ったと思ったら、フォローして、[トピック]に関するコンテンツをさらにご覧ください。

### Formatting Best Practices

| Element | Guideline |
|---------|-----------|
| **Headers** | Use H2 for sections, H3 for subsections |
| **Code blocks** | Always specify language for syntax highlighting |
| **Images** | Use descriptive alt text, compress for speed |
| **Links** | Descriptive text, not "click here" |
| **Length** | 1000-2500 words performs best |
| **Paragraphs** | Keep short, 2-3 sentences max |
| **Lists** | Use liberally for scannability |

---

## Building Followers

### Consistency Strategy

| Frequency | Result |
|-----------|--------|
| 4+ posts/month | Rapid follower growth |
| 2-3 posts/month | Steady growth |
| 1 post/month | Slow but sustainable |
| Sporadic | Minimal follower retention |

### Engagement Tactics

| Tactic | Why it works |
|--------|--------------|
| Reply to every comment | Algorithm boost + relationship building |
| Comment on others' posts | Visibility + community |
| Follow relevant authors | Often reciprocated |
| Share on social media | Drives external traffic |
| Link between your posts | Keeps readers on your content |
| Create series | Encourages following for updates |

### Bio and Profile Optimization

**Dev.to profile**:
- Clear profile photo
- Bio with what you write about
- Link to your main site
- List your expertise areas

**Hashnode profile**:
- Custom domain setup
- Newsletter enabled
- Social links populated
- Blog name and tagline set

---

## Platform-Specific Do's and Don'ts

### Do's

1. **Do** set canonical URLs to protect your SEO
2. **Do** use platform-specific formatting (embeds, etc.)
3. **Do** engage with comments within 24 hours
4. **Do** cross-post to both platforms
5. **Do** use series for related content
6. **Do** optimize cover images for each platform
7. **Do** include a CTA at the end

### Don'ts

1. **Don't** post identical content without canonical URLs
2. **Don't** ignore comments
3. **Don't** use only self-promotional content
4. **Don't** neglect tags — they're discovery mechanisms
5. **Don't** forget mobile readability
6. **Don't** publish unfinished drafts
7. **Don't** keyword stuff your content

---

## Analytics and Iteration

### Dev.to Dashboard

| Metric | What it tells you |
|--------|-------------------|
| Views | Reach/impressions |
| Reactions | Engagement quality |
| Comments | Discussion value |
| Reading time | Content depth |
| Followers from post | Conversion rate |

### Hashnode Analytics

| Metric | What it tells you |
|--------|-------------------|
| Total views | Reach |
| Unique visitors | Audience size |
| Read ratio | Completion rate |
| Time on page | Engagement depth |
| Referrers | Traffic sources |
| Newsletter signups | List growth |

### What to Optimize

| Low metric | Try this |
|------------|----------|
| Low views | Better title, different tags |
| Low reactions | More engaging opening |
| Low comments | End with a question |
| High bounce | Better structure, hook |
| Low followers | Stronger CTA, series |

---

## Tools

| Tool | Use case |
|------|----------|
| **[Octolens](https://octolens.com)** | Monitor Dev.to and Hashnode for mentions of your topic, competitors, and trends. Find popular content to learn from. |
| **Hemingway Editor** | Improve readability |
| **Carbon** | Beautiful code screenshots |
| **Unsplash** | Free cover images |
| **Canva** | Custom cover image design |
| **Grammarly** | Catch errors before publishing |

---

## Content Calendar Template

| Week | Dev.to | Hashnode | Topic |
|------|--------|----------|-------|
| 1 | Publish | Cross-post (day 2) | Tutorial |
| 2 | Cross-post | Publish | Deep dive |
| 3 | Publish | Cross-post (day 2) | Listicle |
| 4 | Cross-post | Publish | Opinion/experience |

---

## Related Skills

- `developer-audience-context` — Know who you're writing for
- `hacker-news-strategy` — Drive traffic from HN to your posts
- `reddit-engagement` — Share posts in relevant subreddits
- `github-presence` — Link from READMEs to your content
- `x-devs` — Promote posts on Twitter/X