QrunchとMediumに技術メモをクロス投稿する
更新日:2020.07.16
作成日:2018.11.03
もっと気軽にアウトプットできる技術ブログサービス「 Qrunch(クランチ) 」では、重複コンテンツの心配をせずにクロス投稿ができることを知りました。
クロス投稿が可能なのは、Canonicalに元のブログURLを指定できるためです。Canonicalに参照元のURLを明示することで、検索エンジンにコピー記事ではないことを伝えることができます。
一般的に考えて、世の中のブログ系サービスは自サービスにユーザーを囲いたいため、わざわざCanonical設定などしません。しかしそこをあえて設定できるという部分が、Qrunchの良いポイントです。これにより、自分のコンテンツは自分の管理下に置くことができます。
エンジニア向けの情報発信のプラットフォームとしてはQiitaもありますが、ブログと同時投稿するとどうしても、記事の重複が気になってしまいます。Qiita側が重複コンテンツと見なされる分にはよいのですが、SEO的には圧倒的にQiitaが強いので、弱小個人ブログ側が負けそうです。
なので、ブログに書いた内容はQiitaに投稿するのが憚れるし、逆にQiitaに書いたものはブログにしづらい。そこで出てきたのが、 Qrunch だと思っています。
「クロス投稿」について調べてみると、
Medium
も同じことができそうです。
SEO and duplicate content – Medium Support
やりたい流れ
- 1.Scrapboxで雑にメモ書き
- 2.Markdownでブログ投稿
- 3.QrunchとMediumにクロス投稿(Canonicalは www.meganii.com に向ければ、SEO的にもバッチリなはず)
Medium APIで記事を更新する
const request = require('request');
const options = { headers: { Authorization: `Bearer ${token}` }};
request.get('https://api.medium.com/v1/me', options, (err, res, body) => {
console.log(body);
});
const request = require('request');
const token = 'hogehoge';
const title = 'test 2';
const content = 'test content';
const url = 'https://www.meganii.com/hogehoge';
const publishStatus = 'draft';
const options = {
json: true,
headers: {
Authorization: `Bearer ${token}`
},
body: {
title,
notifyFollowers: true,
contentFormat: 'html',
content: `<h1>${title}</h1>\n${content}`,
tags: [],
publishStatus,
canonicalUrl: url,
}
}
request.post(`https://api.medium.com/v1/users/${userId}/posts`, options, (err, res, body) => {
console.log(body);
});
Next Action
- MediumにAPI経由で投稿する
- Qrunchに自動投稿できる仕組みを作る
Related contents

TECH
2018.12.13
GitHub Pagesで複数の独自ドメインサイトを運用する

TECH
2023.02.03
Hugo v0.109.0でパンくずリストをシンプルに実装する

TECH
2022.08.14
GitHub PagesからCloudflare Pagesへの移行

TECH
2020.09.27
AMP OptimizerによるAMPのさらなる最適化

TECH
2020.08.15
Progressive Web Appを有効にする

TECH
2020.04.10
Blog KPI Collector(GAS)で各種KPIを自動取得する

TECH
2020.03.31
小さな習慣・アウトプット駆動生活〜ブログメンタリングのふりかえり〜

TECH
2020.03.13
npm-run-allでローカルAPI serverとHugo serverを同時に実行する