WEB 2.0 • olyan második generációs internetes szolgáltatások gyűjtőneve, amelyek elsősorban a közösségre épülnek – vagyis a felhasználók közösen készítik a tartalmat vagy megosztják egymás információit. • Webkettes szolgáltatásoknál a szerver gazdája csak a keretrendszert biztosítja, a tartalmat maguk a felhasználók töltik fel vagy hozzák létre.
BME VIK TMIT
WEB 2.0 tipikus szolgáltatások • Közösségi oldalak (Social networking, például: iWiW, orkut) • Képmegosztó oldalak(Például: Flickr) • Videómegosztó portálok (Például: YouTube) • Blogok • Online irodai alkalmazások (Például: Google Calendar, Google Docs & Spreadsheets) • Fórumok • Wikipédia • Aukciós oldalak (Például: eBay) • Linkmegosztó szolgáltatások: (Például: del.icio.us) • RSS (webes tartalmak rövid leírására használják, ami rendszerint egy hivatkozást is tartalmaz a cikk teljes verziójára) Pl. Podcast hang, majd video közzétételre. BME VIK TMIT
Web2.0 WCM rendszereknél • Az új technológiák, mint pl. a Flash és az AJAX sokkal nagyobb interaktivitást biztosítanak, ugyanis sokkal hatékonyabb a kommunikáció a browser és a host között. • A browser azonnal elküldi az információkat, így rugalmas tartalom-változtatásra van lehetőség akár többször is a WCM-nél.
BME VIK TMIT
Web 1.0 --> Web 2.0 • • • • • • • • • • • • • •
DoubleClick --> Google AdSense Ofoto --> Flickr Akamai --> BitTorrent mp3.com --> Napster Britannica Online --> Wikipedia personal websites --> blogging evite --> upcoming.org and EVDB domain name speculation --> search engine optimization page views --> cost per click screen scraping --> web services Publishing --> participation content management systems --> wikis directories (taxonomy) --> tagging ("folksonomy") stickiness --> syndication
BME VIK TMIT
Web 3.0 • Szemantikus Web • Perszonalizáció • Gépi (vs. emberi) információ előállítás
BME VIK TMIT
Search Engine Optimization • White Hat • Black Hat
BME VIK TMIT
White Hat technikák • Beregisztrálás keresőmotorokhoz • Műveletek a weboldalon: • A weboldal struktúráját tagolttá kell tenni, megfelelő header használattal. • A
taget megfelelően kell kitölteni. • Az oldalon elhelyezett szövegeket is érdemes optimalizálni. • Helyezzünk el olyan linkeket, amik egyéb aloldalakra mutatnak.<br />
<br />
BME VIK TMIT<br />
<br />
• Link - struktúra kiépítése • Oldalunkat regisztráljuk linkgyűjteményekbe, valamint egyéb oldalakra. • Gyakori, hogy egy adott weboldal alatt több egyéb oldalt is létrehoznak, csak hogy minél több link mutasson a főoldalra.<br />
<br />
BME VIK TMIT<br />
<br />
Domain választás • A domain címet célszerű úgy bejegyeztetni, hogy szerepeljen benne az oldalra jellemző kulcsszó. A címsor helyes kitöltése • Tartalmazza az oldal nevét, valamint azt hogy melyik aloldalon vagyunk. Meta tag-ek használata • A keresőrobotoknak szánt két meta tag: – description – Az oldal tartalmának rövid leírását tartalmazza. – keywords – Az oldal kulcsszavait tartalmazza.<br />
<br />
BME VIK TMIT<br />
<br />
Helyes header tag-ek és szövegjelölők használata • Olvashatóbbá, strukturáltabbá tehetjük az oldalunkat, ami segítheti a keresőrobotok munkáját. Hivatkozások megadása • Megadhatjuk a hivatkozásokat relatív és abszolút formában is. Képek leírása • A képek linkelésekor releváns adatokkal töltsük ki az alt attribútumot! Ezzel jelezzük a keresőrobot felé a kép tartalmát, képekre történő kereséskor főleg ezek alapján mutatja a találatokat.<br />
<br />
BME VIK TMIT<br />
<br />
Beszédes könyvtárstruktúra (url) • az url-t beszédesebbé tehetjük a megfelelő könyvtárstruktúrát alkalmazva a webszerveren Oldaltérkép • a sitemap.xml fájlból véve az információkat könnyen eléri a robot a beindexelni kívánt oldalakat. Robots.txt fájl • Keresőrobotoknak szól, a webszerveren a gyökérkönyvtárban kell elhelyezni. Szabályozhatjuk, hogy mely oldalakat indexeljen be a kereső, melyeket ne. • A robots.txt fájl tartalma, ha az összes oldalt láthatóvá akarjuk tenni a keresőrobotoknak – User-agent: * – Allow: / BME VIK TMIT<br />
<br />
Black Hat Keyword Stuffing • Adott kulcsszó túlzott használata, akár a szövegben, akár a metatagekben. Pl.: <meta name="keywords" content=„P2P" /> Hidden Text • Szövegben rejti el a kulcsszavakat, úgy hogy a felhasználó nem látja a szöveget. Módszerei: CSS - ben: Z - index módosítása, illetve kép mögé rejtés. • Amennyiben ezt nem szöveggel, hanem hivatkozásokkal játsszák el, rejtett hivatkozásról (hidden link) beszélünk. Doorway page • olyan oldalak, amelyekre lépve automatikusan átirányítják a felhasználót egy másik oldalra. BME VIK TMIT<br />
<br />
Black Hat Cloaking • crawler és a humán felhasználó eltérő oldalakat lát • Ennek egy formája a page hijacking, amely egy már befutott oldalt másol le egy az egyben, és ezt tölti fel egy majdnem ugyanolyan domainre, majd átirányítja a saját oldalára. Comment Spamming • Ott lehetséges, ahol kommentelni lehet valamit, pl.képet, cikket stb. Ilyenkor kulcsszavakkal vagy linkekkel árasztják el az oldalt, a linkek a másik oldaláról a spammelő oldalára mutatnak.<br />
<br />
BME VIK TMIT<br />
<br />
Black Hat Link farming • célja, hogy a hivatkozások alapján rangsoroló keresőknél jobb helyet érjenek el. Egy link farm tagjai olyan site-ok, melyek minden tagja az összes többire hivatkozik.<br />
<br />
BME VIK TMIT<br />
<br />
Grey Hat Link Pyramids • négyszintes építmények, szintenként eltérő felépítéssel. Találati listát, és a reklámokat célozza meg. • Alsó szint: ide ingyenes tárhelyre felrakott, nagyon egyszerű site-ok kerülnek, amelyeken nincsen semmi reklám. Ezek a site - ok egyrészt a második szinten elhelyezkedő site - okra linkelnek, valamint más, véletlenszerűen választott oldalakra. • Második szint: ide már fizetős tárhelyeken levő oldalak kerülnek, a legolcsóbb tárhelyeken. A 3. szinten levő oldalakra hivatkoznak. • Harmadik szint: ide már csak néhány oldal kerül, amelyek remek dizájnnal rendelkeznek és jól össze vannak rakva. • Negyedik szint: itt csak egy oldal van, a fő-oldal.<br />
<br />
BME VIK TMIT<br />
<br />
Grey Hat Linkvásárlás • egy-egy felkapott weboldalon elhelyezett linket gyakran pénzre is váltják Duplicate Content • Az oldalunk tartalmát változatlanul, vagy minimális változtatással feltesszük egy hasonló domainre is, majd ezt is optimalizáljuk, így a keresési listában a mi oldalunk kétszer (vagy akár többször) is megjelenik.<br />
<br />
BME VIK TMIT<br />
<br /> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form role="form" method="post" action="https://adoc.pub/report/web-20-tipikus-szolgaltatasok" style="border: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Report "WEB 2.0 tipikus szolgáltatások"</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Reason</label>
<select name="reason" required="required" class="form-control">
<option value="">-Select Reason-</option>
<option value="pornographic" selected="selected">Pornographic</option>
<option value="defamatory">Defamatory</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
<option value="copyright">File a copyright complaint</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea>
</div>
<div class="form-group">
<div style="display: inline-block;">
<div class="g-recaptcha" data-sitekey="6LcEnMcZAAAAAFHzKKgaE-Qh57XzUTzpfRElD4dP"></div>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Send</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var inner_height = $(window).innerHeight() - 250;
$('#pdfviewer').css({"height": inner_height + "px"});
});
</script>
<footer class="footer" style="margin-top: 60px;">
<div class="container-fluid">
Copyright © 2024 ADOC.PUB. All rights reserved.
<div class="pull-right">
<span><a href="https://adoc.pub/about">About Us</a></span> |
<span><a href="https://adoc.pub/privacy">Privacy Policy</a></span> |
<span><a href="https://adoc.pub/term">Terms of Service</a></span> |
<span><a href="https://adoc.pub/copyright">Copyright</a></span> |
<span><a href="https://adoc.pub/contact">Contact Us</a></span> |
<span><a href="https://adoc.pub/cookie_policy">Cookie Policy</a></span>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-note-label">Sign In</h4>
</div>
<div class="modal-body">
<form action="https://adoc.pub/login" method="post">
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="form-group">
<label class="sr-only" for="password">Password</label>
<input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div class="form-group">
<div class="checkbox">
<label class="form-checkbox">
<input type="checkbox" name="remember" value="1" />
<i class="form-icon"></i> Remember me
</label>
<label class="pull-right"><a href="https://adoc.pub/forgot">Forgot password?</a></label>
</div>
</div>
<button class="btn btn-primary btn-block" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177279549-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177279549-1');
</script>
<script src="https://adoc.pub/assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://adoc.pub/assets/css/jquery-ui.css">
<script>
$(function () {
$("#document_search").autocomplete({
source: function (request, response) {
$.ajax({
url: "https://adoc.pub/suggest",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
autoFill: true,
select: function( event, ui ) {
$(this).val(ui.item.value);
$(this).parents("form").submit();
}
});
});
</script>
<!-- cookie policy -->
<div id="ADOCPUB_cookie_box" style="z-index:99999; border-top: 1px solid #fefefe; background: #FFC107; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;">
Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://adoc.pub/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_ADOCPUB_cookie_box();return false;">Agree & close</a>
</div>
<script>
function accept_ADOCPUB_cookie_box() {
document.cookie = "ADOCPUB_cookie_box_viewed=1;max-age=15768000;path=/";
hide_ADOCPUB_cookie_box();
}
function hide_ADOCPUB_cookie_box() {
var cb = document.getElementById('ADOCPUB_cookie_box');
if (cb) {
cb.parentElement.removeChild(cb);
}
}
(function () {
var ADOCPUB_cookie_box_viewed = (function (name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
})('ADOCPUB_cookie_box_viewed');
if (ADOCPUB_cookie_box_viewed) {
hide_ADOCPUB_cookie_box();
}
})();
</script>
<!-- end cookie policy -->
</body>
</html>
