顯示具有 Marketing 標籤的文章。 顯示所有文章
顯示具有 Marketing 標籤的文章。 顯示所有文章

2019年1月29日 星期二

沒有網頁工程師把關鍵字藏進程式裡,SEO優化怎麼辦

沒有網頁工程師把關鍵字藏進程式裡,SEO優化怎麼辦?

一個好的SEO優化工程師背後一定有優秀的網頁工程師團隊!要不然誰來把關鍵字藏進網頁程式碼裡呢?



什麼是JSON-LD?
HTML5教學 中的 SEO優化 JSON (JavaScript Object Notation) 原本適用在 Javascript 語言內的一種物件表示法
JSON-LD (JavaScript Object Notation-Linked Data)顧名思義,就是把資料套用 JSON 的格式放在網頁上, 讓搜尋引擎了解網頁內容的語意格式。
JSON-LD
例子與語法
JSON 表示法的樣子如下:


{
"firstName": "John",
"lastName": "Smith",
"sex": "male",
}
上例用來表示:名字為「John」、姓氏為 Smith」、性別為 「男」

以上HTML5教學語法若搭配上各種 keyword (如下例的 "@context" "@type" ) term (如下例的 "givenName""gender" "familyName"等屬性 ) 之後, 就形成SEO優化功能跟微數據一樣的語意標記了。


<script type="application/ld+json"> {
"@context": "http://schema.org",
"@type": "Person",
"givenName": "John",
"familyName": "Smith",
"gender": "male",
}</script>

其實跟下面的微數據意思是一樣的:


<div itemscope itemtype="https://schema.org/Person">
<h1 itemprop="givenName">John<h1>
<h1 itemprop="familyName">Smith<h1>
<span itemprop="gender">male<h1>
</div>

要注意的是 JSON-LD 大小寫要分明, 例如 keyword 的「@context 不能寫成「@Contest」;「@type 不能寫成「@Type



推薦閱讀:


2019年1月22日 星期二

上了Python課程才知道自己一舉一動都被注目著


上了Python課程才知道自己一舉一動都被注目著

你是否曾因為上Python課程才發現一些生活上驚奇的事物?你知道AI科技掌握著你的一舉一動嗎?


你會分享你的 Netflix 帳密給親友追劇嗎?或是你現在正在使用的 Netflix 帳密是別人分享給你使用的?學過Python課程的你就知道,要小心被 AI 人工智慧 抓包!

日前在美國拉斯維加斯舉辦的 2019 年消費電子展(Consumer electronics showCES)上,來自英國的視訊軟體供應商 Synamedia 公布了一款全新的 AI 人工智慧系統,用來防止付費視訊平台的使用者共享帳密的行為。根據 Magid 最新的調查顯示,有 26% Y 世代 (Millennials,泛指 1980年~2000 年出生的人) 會將自己在影音串流服務平台上的身分憑據資料,分享給他人。又根據美國消費電子產品權威市場分析機構 Parks Associates 的研究發現,直至 2021 年,共享帳密的行為會讓付費電視的收入損失達 9.9 億美元 ( 306 億台幣),而像 NetflixAmazon Prime Video OTT 影音串流平台則會損失 1.2 億美元 ( 37.021 億台幣)


而這套 Synamedia 出品的新 AI 軟體 - Synamedia Credentials Sharing Insight 會分析目前有哪接使用者登入,並標註出那些帳號被分享使用。無論是小額的付費使用者、或是大規模的營利商,都追蹤的到。Synamedia Credentials Sharing Insight 透過行為分析以及機器學習的模式,追蹤線上串流服務的帳密共享行為。除了制止非法的帳密共享行為之外,這套 AI 系統可讓影音串流平台的營運者,指定一個帳號可以分享給幾個人使用。像是有一些帳號就可供特定的人數共享,像是家庭帳號,自宅內的人皆可分享使用。

這套 AI 系統還可監視用戶數據資料庫,找出是否有潛在的的詐欺行為、或是準確辨識出使用者在哪裡 (家中、度假小屋等) 使用這個帳密、如何使用等等。假如 AI 偵測到該用戶與不再住在家中的成年子女共享帳密的話,會被推薦成購買可讓更多人、更多裝置共享的多人方案。Synamedia 表示,目前已經開始測試該 AI 人工智慧 系統。Synamedia CEO Jean Marc Racine 說,串流平台的帳密共享問題不容忽視,我們的新解決方案可以讓營運者採取更積極的行動,讓更多使用者願意付費購買多人方案,這種做法可以確保營運商可從目前的觀看流量中,獲得到相等的收益。

快分享給想學Python課程的朋友吧~


推薦閱讀:


2019年1月16日 星期三

原來CSS是HTML的化妝師啊-CSS語法基礎篇


有這種事?報名HTML5教學,老師卻教CSS語法

學生大多很意外,雖然上HTML5教學,但是老師一開始著重在CSS語法並教學生如何將兩者融會貫通!
前端工程師常把 CSS 想像成是 HTML5教學 標記的「化妝師」,透過 CSS 格式的設定,可讓網頁的排版更美觀。新版的 CSS 加入了動態的功能,透過適當的應用,還可在網頁上做出動態的效果。
在 HTML 檔案中,除非前端工程師做的是整體網頁的設計,不然每一個 CSS 片段都是依附在一個標記、id 或是 class 之下。
標準的 CSS 語法如下:
tag1,tag2,..., tagn {
attribute 1: value;
attribute 2: value;

attribute n:value;
}
語法解析:
tag1,tag2,..., tagn:最前方以要設定的標記名稱 ( 如本例為「tag1」) 為開始。如有超過一個以上的標記,就使用逗號隔開。
{ }:以大括號來包含該標記的所有的設定
attribute 1: value;:"attribute "為要設定的屬性名稱,"value"為屬性值,屬性名稱與值以冒號來做隔開。如有超過一個以上的屬性設定,就使用分號隔開。
以上例子為所有的標記名稱 (tag1,tag2,..., tagn) 均設定同樣的屬性,但這些標記各自獨立,無依屬關係。如有依屬關係則為以下所示:
tag1 tag2 {
attribute 1: value;
attribute 2: value;

attribute n:value;
}
此例中,tag1 與 tag2 中間無任何的逗號,而 tag2 在 tag1 的後方,意思為「tag2 是 tag1 裡面的標記」,也就是我們要設定的屬性值是「tag1 裡面的 tag2 所屬的內容」,而不是把 tag1 和 tag2 設定成同一組屬性值。
至於如何把所設定的 CSS 值在網站中生效? 有兩種方法:
  1. 使用<style>標記,直接把css 代碼放在 HTML 檔案的最前面:
把 css 代碼放在檔案的最前面,如下表示:
<style type=“text/css”>
h1, h2, h3,...h6, p {
font family: 微軟正黑體;
}
</style>
許多筆者常用此方法來定義網頁中的中文字形,把 h1-h6 以及 p 的字型都設定為微軟正黑體。只要瀏覽器有此自行就會採用。
  1. 以外部的檔案存檔
相較於第一種方法是直接在 HTML 檔定義 css 樣式,此種方法則先把上述的 css 內容以「.css」的檔案名稱存在網站主機上。此例為「style.css」,然後在其對應的 HTML 檔案中使用「<link>」標記引入,如下所示:
<link rel=stylesheet type=“text/css” href=“style.css”>
此種方式一定要確定檔案「style.css」可以在網站中存取才行。這是適合於要設定許多 CSS 樣式的時候使用。
  1. HTML行內設定
第三種HTML5教學,則是在 HTML 的同一行中設定專門屬於單一特定 HTML 標記的格式設定,如下所示:
<p style=“font-family:微軟正黑體; font-size:12pt; line-height:120%”></p>
這例子只有針對此格式的設定 (此例為 <p>) 有效,出了 <p> 就無效了,但因為它是最內層,所以擁有比第一種與第二種有更高優先順序的設定;也就是說,如果這三種一起設定的話,則以最接近 (就是行內設定) 的值為準。
以上這三種身為前端工程師不可不知的方式可以自由搭配使用,如果對於同一種屬性,有不同的值的設定的話,則以最後一格設定的為準。若不確定最後一個落在甚麼地方,則可以檢視原始碼。
推薦閱讀:

2018年12月31日 星期一

網路行銷課程設定目標族群太難?可愛虛擬人物幫你撒下行銷大網

網路行銷課程設定目標族群太難?可愛虛擬人物幫你撒下行銷大網

網路行銷課程一定離不開設定目標族群,但要精準認定太難囉!轉個彎,低成本撒下大網,決不放過任一個潛在目標哦!


最近翻閱你的 FBInstagram 是否發現你朋友的大頭貼,有些都換成了與他們相似的虛擬人偶呢? 這些都歸功於最近爆紅的虛擬 APPZepeto》。



Zepeto的使用門檻低,初學者好入手
Zepeto》的使用門檻低,只要你下載《Zepeto》,自拍一張照片,他就可以依據你的照片而把你捏成虛擬的3D人偶分身。若你不滿意,還可以東捏一些、西拉一點,打造成最滿意的自我虛擬形象!另外,只要你認真上網路行銷課程學破解 APP 所指定的任務,還可以幫自己自添行頭、打造室內場景、還可以拉三五好友一起合照、擺出許多只能出現在電影、遊戲的姿勢呢!你可以跟朋友一起組團,重現經典格鬥遊戲的場景、或是去北極看極光、或是重現電影「樂來樂愛你(La La Land)」的畫面,實現你的夢想。

若你是這種 Avatar (依照你的外型而客製化你的虛擬形象) APP 的重度使用者,你應該用過 QQ 秀、或是 APPLE 推出的 Memoji 等軟體。但是為何來自韓國、也是 LINE 母公司Naver 旗下公司 Snow 推出的 Zepeto ,可以爆紅的如此快? 達內教育網路行銷課程小編歸納出社群行銷六點,讓他們有如此高的差異化,並可以瞬間爆紅。

一、不只客製3D人偶,還可微調成美化並保有你原本的樣貌!
網路行銷課程設定目標族群太難?可愛虛擬人物幫你撒下行銷大網

相較於其他的同質商品,Zepeto 對於五官的細節,更能做細緻的調整。無論是臉型、膚色、鼻子、眉毛、眼睛、嘴唇等等,通通可以微調到自己滿意的樣子。據說連雀斑都可以客製化呢!Zepeto 依照自己的原型,並適度的美化,滿足時下年輕人的自我形象塑造。重點是這個美化後的樣貌還保有你的樣貌,放上社群軟體後,還能讓你的親友們辨認的出是你的分身!

二、可揪喜歡的明星合照、還可以一同遊遍各地

其實不只你,連 GD、防彈少年團、EXO、亞莉安那 (Ariana Grande) 也都在玩 Zepeto!所以你可以加入他們的 Zepeto,並且可以跟他們來一張合照!場景可以自行加入喜歡的背景照片,無論是自家或是世界知名景點都行!另外,ZEPETO 最近也跟 防彈少年團BTS所創的卡通腳色 BT21合作,讓粉絲們能套上各種 BT21 服飾與偶像合照。


三、無論朋友在哪,都可一起合照
網路行銷課程設定目標族群太難?可愛虛擬人物幫你撒下行銷大網

親朋好友分散世界各地? 別擔心,連偶像都可以零距離合照了,有了 Zepeto,你可以派你的分身與朋友們的分身一起合照。
網路行銷課程設定目標族群太難?可愛虛擬人物幫你撒下行銷大網

四、滿足 Cosplay 成電影或遊戲的人物夢想
Zepeto裡的場景、姿勢很多,你可以選擇各種經典電影、或是遊戲的場景與三五好友一起翻玩! 你的 Zepeto 分身還可以做出現實生活中無法擺的 pose 喔!
網路行銷課程設定目標族群太難?可愛虛擬人物幫你撒下行銷大網

五、滿足跟隨季節與潮流,不被塑膠的心態
網路行銷課程設定目標族群太難?可愛虛擬人物幫你撒下行銷大網

想脫離邊緣人? 那就玩 Zepeto 吧!Zepeto 會因應季節潮流提供相應的服裝配備與背景供你更換,讓你的分身都能跟上時勢。

六、解任務傳虛擬金幣,可換取分身的衣服配備、或是背景姿勢等等
網路行銷課程設定目標族群太難?可愛虛擬人物幫你撒下行銷大網

Zepeto 不時的會給你出一些任務:例如看完一個廣告之類就可以賺取金幣的方式,讓你可以添購想要的行頭與場景等。

七、用你的分身建立表情符號
網路行銷課程設定目標族群太難?可愛虛擬人物幫你撒下行銷大網

Zepeto 提供各種表情、配件、動作、文字,讓你使用分身做成專屬的表情包,LINE FB 都可以用喔!
這樣的社群行銷手法是不是超厲害?快邀朋友一起玩玩吧!

推薦閱讀:


2018年12月25日 星期二

SEO優化隱惡揚善好幫手:robots meta

SEO優化隱惡揚善好幫手:robots meta
SEO優化大部分時候是讓網路資訊能促進商業收益,若是網路有負面資訊時怎麼呢? robots meta能解救你!

甚麼狀況下該使用 robots meta robots.txt
robots meta SEO優化 的操作上也是很重要。robots meta robots.txt 都能向搜尋引擎宣告如何處理網頁。前者為阻止搜尋引擎索引你的頁面 (但搜尋引擎還是有抓取你的網站資料) robots.txt 則是全面阻止搜尋引擎抓取你的資料 (搜尋引擎會自動略過你指定的網站)

當然,大多數的狀況,你不會讓 robots.txt 來阻止搜尋引擎抓取辛苦建立的網站。但是以若這個網站對你的 SEO優化 有負面影響、或是私密性高的話,就可以用robots.txt 來阻擋搜尋引擎抓取,常見的情況如下所示:
1. 多年前有經過 黑帽 SEO 手法,卻還沒處理的網頁、
2. 施工中未完成的網頁等
3. 網站或是公司內部系統的登入頁面
若不明白黑帽SEO,強烈建議再度進修網路行銷課程
若你只是希望這個網頁不要出現在搜尋引擎結果中的話,那用 robots meta 即可。

如何設定網站 robots.txt
【檔案存取位置】robots.txt 位於網站的根目錄下
【作用】告訴搜尋引擎哪些網站內容不要進行存取,並且可以指定 sitemap 的位置。
【路徑】如果你有建立並使用 robots.txt,則他的位置會是 http://網址/robots.txt,如果這個檔案不存在,則代表沒有使用 robots.txt
【宣告類型】有五種,如下所示:
1. User-agent:指定哪一種搜尋引擎的爬蟲,如 Google 的爬蟲 googlebot」或是百度的爬蟲等等(* 號代表全部)
2. Crawl-delay:限制爬蟲抓取每一頁的秒數限制,但是該設定會被 Google 跳過不處理。因為 Google 在網站管理員中,就有爬取頻率的設定。
3. Disallow:輸入你不允許被爬取的 URL 路徑
4. Allow:輸入你允許被爬取的 URL 路徑
5. Sitemap:告知搜尋引擎的 Sitemap 網址
這五種宣告類型如何編輯? 達內網路行銷課程列出常見的如以下所示:

1. 拒絕所有的搜尋引擎爬蟲爬取你的網站:
User-agent:*
Disallow: /
2. 允許全部的搜尋引擎爬蟲爬取你的網站:
User-agent:*
Allow: /
3. 拒絕 Google 的搜尋引擎爬蟲爬取 /wp-admin 目錄
User-agent:*
Disallow: /wp-admin/
4. 只拒絕百度的搜尋引擎爬蟲,卻允許其他搜尋引擎 ( GoogleYahooYandax等等) 爬取
User-agent:Baiduspider
Disallow: /
User-agent:*
Allow: /
5. 拒絕搜尋引擎爬取特定類型的檔案
User-agent:*
Disallow: /*.ini$
Disallow: /*.jpg$
6. 實際網站完整 robots.txt
User-agent:*
Crawl-delay: 7
Disallow: /wp-admin/
Disallow: /cgi-bin/
Disallow: /readme.html/             
Disallow: /*.ini$
sitemap: http://codingbomb.com.tw/sitemap.xml

robots.txt-如何設定?
舊版的 Google 網站管理員 Search Console 中,有 robots.txt 測試工具,他會模擬 Google 搜尋引擎爬蟲來檢查你的 robots.txt 的正確性。
SEO優化隱惡揚善好幫手:robots meta

如何設定網站 robots meta
【檔案存取位置】robots meta 宣告置於網頁 HTML <head></head>之間
【作用】宣告阻止搜尋引擎索引你的頁面 (但搜尋引擎還是有抓取你的網站資料) ,但是不引醒使用者瀏覽你的網頁
【語法】 <META NAME="屬性值#1" CONTENT="屬性值#2">
屬性值#1,為指定哪種搜尋,常用語法如下:
robots:所有搜尋引擎的爬蟲
googlebot:GOOGLE 搜尋引擎的爬蟲
bingbot:Bing 搜尋引擎的爬蟲
slurp:Yahoo 搜尋引擎的爬蟲
Baiduspider:百度搜尋引擎的爬蟲
AhrefsBot:Ahrefs.com的爬蟲
MJ12Bot:Majestic.com的爬蟲
屬性值#2,為指定處理方式,常見代碼如下
noindex:不要索引本網頁
nofollow:不要跟隨本網頁內的連結頁面
noarchive:不要儲存庫存網頁
nosnippet:不要在搜尋結果顯示描述或是快照
none:等於 noindex nofollow
noimageindex:不要索引本網頁的圖片,只適用於 Google
unavailable_after:date:在指定日期後停止索引本頁

推薦閱讀: