1. SIS Lab
  2. >
  3. Blog
  4. >
  5. QrunchとMediumに技術メモをクロス投稿する

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に自動投稿できる仕組みを作る
B! Pocket

Related contents

TECH

2018.12.13

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

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を同時に実行する

TECH

2019.11.16

Cloudflare AMP Real URLをブログに導入する