「wordpress」カテゴリーアーカイブ

【デジタル】今日も、せっせと過去日記をリバイスしていましたが

このところ、暇さえあればwordpressの過去日記を再生する仕事をちまちまやっています。何しろ、10年以上前の記録なのでほとんどリンクが死んでいるので引き直せるものは引き直し、ダメなものをリンンクを削除。合わせて、外部リンクで持ってきた画像についてもほぼ死んでいるので、まず自分の写真アーカイブを見ながら適切なものは自前で張り替えという地味な作業を続けています。やってて思うのは、「めちゃめちゃ写真たくさん撮る人で良かった!」という部分。何しろ、リビングのマックの中にはとりあえず2004年1月からの写真がしこたま格納されているんですよ。このおかげで、全ての過去記事についてヘッダーに使う「アイキャッチ」画像には困らないのです。時期的な問題だけではなく、様々な場所を旅して、それぞれの土地で撮影をかましているのでこれも良かったこと。このアイキャッチがあるだけで、Twitter登録時のCard validator確認の時もいい感じの投稿イメージが作れます。

アイキャッチの画像、うまくレイアウトすると上記のような見え方が作れます。これだけで、かなりオシャレな感じがしますよね!

さて、このテーマでのアイキャッチですが一番適切かなと思うのは横幅1200pxのビルボード的な画像。これが準備できれば、かなり綺麗にハマるレイアウトが作れます。上の写真のように見せるには、1200くらいで入れるのがベストかなぁと感覚的に思っています。ソース見りゃいいんだけど、めんどくさいwちなみに、画像処理はAffinity Photoを使っています。使ってみて思ったことなんですが、いう通りこれ結構直感型のツールなので慣れるとかなり使いやすいです。

ここでちゃんと選んでおきたいのが、「リンク設定」部分。「メディアファイル」を選ぶと、格納した元g像を呼び出す仕組みです。ちなみに、出典元にリンクをすることも可能です。
ここでちゃんと選んでおきたいのが、「リンク設定」部分。「メディアファイル」を選ぶと、格納した元g像を呼び出す仕組みです。ちなみに、出典元にリンクをすることも可能です。

後の見せ方としては、写真をセンターで収めるか、左右に振るか。これも、見え方に大きな影響を与えるので写真次第にはなりますが、しっかり考えてレイアウトするといいと思います。レイアウトしたら、「リンク設定」を選ぶことを忘れずに。これやっとかないと、全くインタラクティブではないページになっちゃいます。それはそれでもいいので、意図的にそうするという手もあります。この辺は、好みかもしれませんね!僕は、なんとなくリンク貼りたい派閥の人です。

あとね、前の「【デジタル】過去記事をリバイスする際に気をつけている事とか」で書き忘れてたんですが、文章中に入っているLINKについては、全て生きたリンクにしておかないと検索順位が下に沈みます。古いものをリバイスすると、どうしても昔のリンクが残ってしまうわけで。その視点から考え、手間はかかりますがLINKを最新のものに変更しつつ必要なところに手を加えることで、記事に厚みを持たせることができれば正解だと思います。LINKが切れてて、代替もない場合は思い切ってLINK削除するとか、その文章語と差し替えるなりする方が結果としてGoogleでのランクを上げることができますので。ぜひご活用を!

【デジタル】WordPressを更新したんですけどね

こんばんは。もう寝なきゃならない時間なんですけど、何となく書きたい感じなので。先日、2月20日(水)は会社の目の前にあるアクトスクエアで実施された「DISCOVERY DAY 2019」に登壇していました。今回は、単なる登壇ではなくamana , Indahash , Outbrain , Teads との協働した実験的な取り組みの発表会的な感じになりました。思えば、3ヶ月前の11月。みんなでサロンに集まって、「悩んでいるみんなの背中を押せるような再現性のある企画をやろう!」と言ってから、鬼のようなスピードで考え決断し、実行に移したと思ったら分析し、みんなでデータを見ながら突貫で資料に落とし込むというウルトラCの末に組み立てた施策。本当に、「多分、今までとは違ったお客様にアプローチできるはず!」とぶちあげたものの結果出なかったらどうしようと思いながらみんなで「こうしてみたら?」を積み重ねて走った3ヶ月。いや、本当にやりきった感満載でした。面白かったし、やってよかったと思える素晴らしい実験でした。詳しい話は、どこかで書くかもですが、やっぱりデジタルって面白いなぁーって思えた3ヶ月でした。全ては、人の繋がりだし、最先端を走るメンバーが知恵を絞って行動した結果なんですけどね。でも、あそこで話したことは誰でもきちんと目標を定めれば再現可能な取り組みだと思っています。

そんなこと言われても、ユーザーサイドではミドルウェアは更新できん!

さて、表題の件。本日、wordpressを5.1にバージョンアップ。そしたらですね、「サイトが安全ではないバージョンの PHP を実行していることを検出しました。」って言いやがるんですよ。普通、みんなレンタルサーバーじゃないですか。更新しろって言われても、僕らユーザーが勝手にできないんですよ。ミドルウェアはさー。そのくらいわかるだろ〜、こらー!という失意なんですが、まぁ無視して使いますよ。はい。ちなみに、借りてるサーバーのPHPは5.2.4。いや、本当古いわ。でも、もうちょいちゃんと整備してからだと思うんですよ。鯖移動は。いい感じになるまでは、ここに止まります。

【デジタル】Easy Fancy Boxの設定について、ちょっと詳しく

実際の話、このテーマの場合埋め込み式のギャラリーがあるのですが、個人的にモーダルについてはリッチであるべきだと思っている人なので、Easy Fancy Boxを使っています。このツールの利点は、何と言ってもリダイレクトというか画像だけの時に別ページ飛ばすようなことがなく、モーダルで浮かび上がってくるので、見た目的にもいい感じに収まるかと思ってます。

まずは、3タイプの画像の規格サイズを設定することから。

まずは、プラグインを「有効化」することがスタートライン。これが終わったところで、上記にある画像サイズを設定します。ここの設定は、僕が入れてる数字あたりが実際のターゲットとなりますので面倒だったら、同じ数字にしておいてもいいと思います。基本で入っている数字ですが、まぁ一般的な数字に近いと思います。

ここは、個人的にかなり重要だと思っています。とはいえ、前段日本語だったのに、いきなりここから英語。ここで詰まる人も多いのではないかと思います。
続きを読む 【デジタル】Easy Fancy Boxの設定について、ちょっと詳しく

【デジタル】遂に、MovableTypeの日記を削除しました

長らく、並行して放置していたMovable Typeで作成したNOISE’S MONOLOGUEですが昨晩遂に削除しました。ドメイン全体のアクセスについてはここで稼いでいたのですが、元々の目的はアクセスを稼ぐことではなくLIFE LOGを取りアーカイブしておくこと。此の視点からいうと、同じコンテンツが複数あることでネット上の顕在化の妨げになるのであれば、それすらも阻害要因なのかなという解釈で削除を決めました。Googleのアルゴリズムだと、おそらく長く運用されているものを正としてそのコピー的に出てきたものについては履歴から見て下位にする傾向があるなと気づいたからです。まぁ、実際の話タイトルを変えて文章を追記するとある程度上位に上がってくることも確認したし、せっかくリバイスするんだったら加筆修正は当たり前だし、写真も追加するもんなのですが、もう一つの問題として「今となっては削除しておきたい」稚拙な記述を削除する作業を2中にするのも面倒だなってのも。合わせて、MTについては10年近く触っていなかったので全くモバイルフレンドリーではない。結果として、ドメイン全体の評価が下がるということが一番デカかった。

続きを読む 【デジタル】遂に、MovableTypeの日記を削除しました

【デジタル】過去記事をリバイスする際に気をつけている事とか

Google Search Consoleにきちんと登録し直したのが、1月28日。なので、ここからのデータしか見ることができませんが見ての通りそもそも検索に10件足らずしか数字が出ていません。

こんばんは!最近、ちょっと過去記事リバイスばかりやっているのでどういう風にしているかをちょっと記録して記載しておきます。ちなみに、ヘッダー画像は今回なんとなく「Think with google」的なのでキャプチャーして使っていますw。初期のものは、もともとMovable Typeで書いていたものをまんま移行したもので、特に手を加えていなかったんです。何気に、数百あったというのもあり。ただ、単純に移行してもGoogle的には長く置かれているMovable Typeの記事を「正」として認識するため、WordPressに移行した記事はそもそもIndexされていないというのが実情。なので、最近手を加えてリバイスするまでは、Google自体がクローリング対象から外していたので検索かけても出てこない現象が起きていたようです。わかりやすくするため、1月末のGoogle Search Consoleのデータを貼りましたが、見ての通り1,000以上の記事を擁するサイトであるにも関わらず検索にかかった数字は10件程度。したがって、検索エンジン経由でのリンククリックはほとんど発生していなかったようです。

続きを読む 【デジタル】過去記事をリバイスする際に気をつけている事とか

【デジタル】Googleインデックス登録@Search console

昨晩は、吉祥寺で飲み会。場所は、いせやからのアヒルホール。

一昨日から、Search Consoleでの最適化作業を開始しました。なにぶん投稿記事が1000以上あるので、地味にコツコツやるしかないなと感じています。と言う入り口なんですが、先に昨晩の話。昨晩は、ちょっと深めの時間から吉祥寺の「いせや総本店」に集合。メンバーは、データ大好きな様々な会社でプランニングや分析に関わる男衆4名。しかし、ほんといせやさんのやきとりはお手頃価格なのに旨い!あと、あの座敷の緩やかな感じがいいんですよね。改装前の煤けた感じもすごく好きでしたが、改装後もあのモクモク感は健在。あれがあってこそ、「今日もいせやにきたぜ!」って感じになるのです。二軒目は「アヒルビアホール」ご存知、ハモニカ横丁の名店。2回一番奥の隠れ家的な場所に案内されてここでもデジタル談義。なんか、また新しいことができそうだとワクワクしちゃいました。

続きを読む 【デジタル】Googleインデックス登録@Search console

【デジタル】今日は、WordPressのテーマを変更してました

ずっと、「モバイルフレンドリーじゃない」って怒られてました。Googleさんにw

こんばんは!帰って来てからずーっと、今日はWordpressのテーマをいじっていました。というのも、Googleで見てもSerch Cosoleでみてもこの日記の表紙が「このページはモバイル フレンドリーではありません」って怒られていたんですね。ご存知ではない方もいらっしゃるかもしれませんが、実はこの状態だと検索順位下げられちゃうんですよ。Googleさんから。これ、2018年11月26日を起点に、Googleが正式に「モバイルフレンドリーじゃないページは警告出すよ」って宣言してるんですよね。その所為。最近やっと仕事がらみもあってこの日記を復活させたんですが、なにぶんこのモバイル最適化を怠っていた関係でなんとこの日記のタイトルを検索すると、旧ムーバブルタイプで記述していたブログが上に上がってくるという悲しい状況になっていたのです。この状況を打破しないと、せっかく書いても見てもらえない(まぁ、個人的なメモが殆どなんで、別良いっちゃいいんですけどねw)。

そんなわけで、こんばんは2時間以上ずっといろんなテーマをDLしては試しを繰り返していました。僕的な要件は「レスポンシブルな事」「ヘッダー画像が綺麗に入る事」「ウィジェット使いたい!」「タグクラウドは有効活用したい」という事で、実に今日だけで20個くらいテーマ落として来て全部でライブプレビューしながらカスタマイズしていました。いや、ほんと色々テーマがあって目移りするんですけど、僕は雑記派で特にお店とかやってるわけではないし、作品を見せるためのデザインブログでもない。かつ、日本語での表記なので英語でかっこいいものが、自分のサイトにしっくりくるわけではないということを思い知りました。結果としては、すごくシンプルな機能の”Twenty Fourteen“という2014年のWPデフォルトテーマに決めました。デフォルトテーマって、結局のところ「WPで最もバランスがいいテーマってこうだよね」という思想で作られてるのですごくカスタマイズもしやすいし使い勝手がいい。当面は、このテーマで使っていこうと思います。気が向いたら、コードいじってカスタマイズするかもですが、当面はこのままで。ちなみに、巷では”JIN“が流行っているみたいですね。僕的には、特にそそらないんですけど。

ほんじゃお茶碗洗って寝ます。

【デジタル】Google Analyticsの実装について

テレワークの日は、自転車で移動。僕は、井の頭通りから青山に抜けて麻布に向かうのですが、朝のこの風景が大好きなんです。大原界隈はちょっと高台で街が見渡せるのです。

うちのサイトでは、ドメイン全体用とWordPress用でそれぞれGoogle Analyticsを別々に設定しています。統合してもいいのかもですが、将来的にみるとこのほうが良いのかなぁという意味合いで。ちなみに、WPに積んでいるものは、もともとMovable Typeに実装していたものを引き継いでいます。その関係で、ちょっと面倒な見え方になっていた部分に昨日修正をかけた感じです。MTからWPに移行したのは、MTの全換装時サーバー負荷がでかすぎて、コンテンツが増えた際のトラブルが怖かったから。実際、色々不具合起きてましたからね。

さて、ちょっとややこしいのだけど、全体用はGTM経由で、WP用はAll in One SEO経由で埋め込んでいます。これは、差異が出るかの実験も兼ねて。実際に、差異が出ているんだけどまだその原因が探れてません。どちらの数字も、JETPACKと微妙にずれてるし。これは、発火のロジックの違いとセッション区分の違い辺りが関与しているのだろうと踏んでいます。当面この形で運用して、精緻化していこうと思います。この辺で貯めた知見を、改めて業務に戻していく事が目的なのでこっちはずれてる方が面白いなとかね♪( ´▽`)

という事で、今日も広尾でノンビリ仕事と分析中。夏前からのプロジェクトの全体概要も資料に落とし込まないとだなぁ。楽しいけど、結構企画が立て込んできてるので優先順位付けないと。幕張ネタもやらんとな。忙しー!!!

【デジタル】これで、FaceBookとも連携したかな? 130425

雑司ヶ谷界隈は、今も昭和が残っていていい感じなのです。

まあ、ほんとこれからという感じですが、Wordpressも使わないとと思う今日この頃。
最近、テクノロジー離れが酷いのす。
ま、しょーがないけど。
さっき、WPにFaceBook連携ブラグインを入れますた。
機能してるかな? むー、よく分からん。

【追記】今はもう、実は機能しなくなってしまったのですが当時はまだFaceBookもAPI連携に寛容で複数のツールがあったように記憶しています。ただ、このツールも結果的にはFB側に受けとなるディベロッパーツールを埋め込まないといけなかったりで、他のメディアのような手軽さは残念ながらありませんでした。結果から言うと、連携はしていたのですが当時「自己商標酒類卸売業免許」という新しい免許を当時所属していた会社に取得させるためにかなり新しい勉強をしていたのもあり、デジタルからは遠くなっていたため、あまり活用されなかったと言うのが実際のところでした。ちなみに、こういう法的な仕事も好きなので、今でもレギュレーションに関わっているというのもあります。レギュレーションも、元はと言えば著作権法が制作には密接に繋がっていたので勉強したという流れ。写真は、雑司ヶ谷近くの千登世橋。ここら辺の風景は、まだ昭和が残っていて好きなんです。当時、店舗周りもあって結構自転車で東京を走りまくっていました。(2019/02/25 Noise)

【デジタル】結局、調べてみたらmixi側の設定の問題なのか? 090321

mixi、色々増強してくれるのは良いけど不具合を起こすような効率化は辞めて欲しいと言う話。
今回、昨晩からブログがmixiに反映されないので悪戦苦闘。
どう考えても分からんので、事務局に問い合わせ。
『なお、設定されている外部ブログのRSSに関しまして、日記種別を「その他」に設定することで確認、直接入力が行えますので、現在設定されているRSSに関しましてご確認いただければ幸いでございます。』
これは、今まで聞いた事が無い。
と言う事で、調べてみるとどうもmixi側の設定で外部ブログのRSSを一括でindex.rdfで解釈してしまっているみたいで。
でも、MTは3.2の時点でrdfは生成しなくなったんだよね。
この辺を、mixiのプログラマーが認識してない事が問題みたいね。
指摘した方が良いのかな?

こんな日記を書いていた当日、俺何やってたんだろうと思ったら新木場のageHaでDJやってた日だったんですね。ほんと、音楽とデジタルが融合しすぎw。

【追記】なんとなくみなさんSNSで完結することが多くなったので、「RSSって何?」って感じだと思いますが、”RSS=RDF Site Summary”ということで。そして、RDFって何?ってなるのですが、”RDF=Resource Description Framework”ということで簡単に訳すと「リソース(内容)を説明する枠組み」となります。まぁ、簡単にいうとhtmlはあくまでブラウザで表示するための言語でありアーカイブ化を目的とした言語ではありません。検索エンジンに引っ掛けたり、webページの情報を統計的に活用するためのデータとして作られたのがこのRDFだと理解してもらうといいのではないかなぁと。RDFはW3Cが推奨する技術ですので、mixi側がRSSのみを受け入れることにしていたことは間違いではないと考えます。

XML RDF

ということで、この時はmixiの問題だと勘違いしてたんだけど逆に問題はMTがRSSをRDFで書き出さなくなったことも方が問題だったんですね。この当時は、そういう知識がなかったのでこの様な記述を残しているわけです。これ、消しても良かったんだけどこの記述自体がスタディになると考えあえて残した上で追記してみました。ちなみに、当時のMTのフィードはAtomで記述してありRSSが標準フォーマットとして使われていなかったため、この様な現象が起きていたことを付記しておきます。ちなみに、wordpressのフィードはRSSです。複雑ですね。一応念のために書いておきますが、RSSもATOMも”XML=eXtensible Markup Language”です。(2019/04/12 Noise)