<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Development &#8211; Nobbseo</title>
	<atom:link href="https://no-black-box-seo.de/en/blog/development/feed/" rel="self" type="application/rss+xml" />
	<link>https://no-black-box-seo.de/en/</link>
	<description>SEO - DEV - SEA - WordPress - Site</description>
	<lastBuildDate>Fri, 24 Oct 2025 09:18:23 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.4</generator>
	<item>
		<title>What is ChatGPT</title>
		<link>https://no-black-box-seo.de/en/blog/development/what-is-chatgpt/</link>
		
		<dc:creator><![CDATA[Vladimir Milivojevic]]></dc:creator>
		<pubDate>Tue, 16 Jan 2024 10:57:39 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Technical SEO]]></category>
		<guid isPermaLink="false">https://no-black-box-seo.de/uncategorized/what-is-chatgpt-2/</guid>

					<description><![CDATA[Chat GPT is much more than a mere chatbot - It represents a groundbreaking AI development by OpenAI. This innovation redefines the landscape of conversational AI positioning itself as a versatile and sophisticated tool capable of mimicking human-like interactions with an impressive degree of accuracy.]]></description>
										<content:encoded><![CDATA[<p><span style="font-weight: 400;"><strong>OpenAI</strong> is a trailblazing AI research organization and celebrated for its pioneering strides in AI technology. It&#8217;s the <strong>birthplace of ChatGPT</strong> and has been instrumental in pushing the boundaries of what AI can achieve.</span></p>
<p><span style="font-weight: 400;">At the heart of ChatGPT is GPT-3 the third iteration of the <strong>Generative Pretrained Transformer.</strong> This component often leads to the question &#8216;What can GPT 3 do?&#8217;. The answer lies in GPT-3’s remarkable language processing capabilities enabling it to understand context, generate relevant responses and learn from interactions. This positions GPT-3 as a fundamental pillar in the world of AI communications.</span></p>
<p>&nbsp;</p>
<h2>The Technology Behind ChatGPT (LLM)</h2>
<p><span style="font-weight: 400;">Behind ChatGPT it is a state-of-the-art <strong>Large Language Model (LLM)</strong>, a product of the innovative minds at OpenAI.</span></p>
<p><span style="font-weight: 400;">This tool is not just another step but a giant leap in the domain of <strong>natural language processing</strong>, a fascinating subset of AI. Chat GPT abilities are vast and varied: </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">better engagement in nuanced conversations</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">better answers to complex queries </span></li>
<li><span style="font-weight: 400;">better assistance in various domains from coding to creative writing</span></li>
</ul>
<p><span style="font-weight: 400;">ChatGPT is a program designed to <strong>simulate human-like conversation</strong>, responding to text inputs with accurate and context-aware outputs. Its ability to learn and evolve positions it as a dynamic evolving tool setting new benchmarks in conversational AI. </span></p>
<p>&nbsp;</p>
<h2>The Role of Big Data in Shaping ChatGPT&#8217;s Intelligence</h2>
<p><strong>Big Data</strong> is at the heart of what powers this advanced AI model and plays a critical role in shaping ChatGPT intelligence. The ability to understand and reproduce human-like text by dealing with large data sets is a key functionality of ChatGPT.</p>
<p><span style="font-weight: 400;">What is <strong>Open AI&#8217;s secret fuel</strong> for the original Chat GPT? It includes various web texts, books and articles from websites like Wikipedia. This extensive dataset ensures that ChatGPT is exposed to a wide range of linguistic styles &amp; contexts making its responses more accurate and human-like. Here are <a href="https://arxiv.org/pdf/2005.14165.pdf" target="_blank" rel="noopener">datasets used to train GPT-3</a>.  </span></p>
<p>What&#8217;s special about ChatGPT is its ability to continuously adapt its properties, especially when it comes to big data analysis and user interaction.</p>
<p><img fetchpriority="high" decoding="async" class="alignnone wp-image-3694" src="https://no-black-box-seo.de/wp-content/uploads/2024/01/was-ist-chatgpt-language-models-300x200.webp" alt="" width="501" height="334" srcset="https://no-black-box-seo.de/wp-content/uploads/2024/01/was-ist-chatgpt-language-models-300x200.webp 300w, https://no-black-box-seo.de/wp-content/uploads/2024/01/was-ist-chatgpt-language-models-1024x683.webp 1024w, https://no-black-box-seo.de/wp-content/uploads/2024/01/was-ist-chatgpt-language-models-768x512.webp 768w, https://no-black-box-seo.de/wp-content/uploads/2024/01/was-ist-chatgpt-language-models-1536x1024.webp 1536w, https://no-black-box-seo.de/wp-content/uploads/2024/01/was-ist-chatgpt-language-models-2048x1365.webp 2048w" sizes="(max-width: 501px) 100vw, 501px" /></p>
<h2>Capabilities of ChatGPT</h2>
<p>What can ChatGPT do? ChatGPT&#8217;s advanced design enables participation in <strong>natural conversational interactions</strong>, making it a premier tool for various areas such as content creation. Its ability to understand diverse customer requests in real time significantly improves the customer experience, reduces response times and increases engagement.</p>
<p><span style="font-weight: 400;">Here are some ChatGPT capabilities:</span></p>
<ol>
<li><strong>Communication, Knowledge and Language Skills</strong> &#8211; <span style="font-weight: 400;">Engages in detailed and nuanced conversations, answers, explanations and insights across various topics while demonstrating proficiency in multiple languages. </span><b><br />
</b></li>
<li><strong>Creative and Educational Assistance </strong>&#8211; <span style="font-weight: 400;">Assists in crafting stories, poems, ads, dialogues and visuals using DALL-E integration. It also serves as a learning aid, explaining concepts and solving problems.</span><b><br />
</b></li>
<li><strong>Technical and Analytical Assistance</strong> &#8211; I<span style="font-weight: 400;">t can help analyze, summarize and extract crucial information from big data or provided links. ChatGPT can write, explain and debug code in various programming languages.</span></li>
<li><strong>Browser Tool </strong>&#8211; <span style="font-weight: 400;">ChatGPT uses a text-based browser to access and retrieve up-to-date web information and perform specific online research tasks.</span></li>
</ol>
<p>&nbsp;</p>
<h2>Integrating ChatGPT in Online Marketing</h2>
<p><span style="font-weight: 400;">Integrating ChatGPT in online marketing marks a significant advancement in the digital landscape: </span></p>
<p><strong>Content Creation and Management:</strong></p>
<ul>
<li><span style="font-weight: 400;">Generating Marketing Content &#8211; ChatGPT can be used to create engaging content for emails, ads, social media and websites</span></li>
<li><span style="font-weight: 400;">Interactive Campaigns &#8211; Interactive marketing campaigns can be created using ChatGPT to captivate customers in new ways</span></li>
</ul>
<p><strong>SEO and Website Optimisation:</strong></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Blog and Article Assistance &#8211; Leverage ChatGPT in generating ideas, outlines or complete drafts for industry-relevant blogs and articles</span></li>
<li><span style="font-weight: 400;">SEO Content Enhancement &#8211; ChatGPT can improve website content and help to make <a href="https://no-black-box-seo.de/en/glossary/#glossary-s">SEO Analysis</a> to boost search engine <a href="https://no-black-box-seo.de/en/blog/onpage-seo/seo-visibility/">visibility</a></span></li>
</ul>
<p><strong>Personalisation and Analytics:</strong></p>
<ul>
<li><span style="font-weight: 400;">Market Research and <a href="https://no-black-box-seo.de/en/glossary/#glossary-c">Competitor Analysis</a> &#8211; ChatGPT can be used for prediction analysis and summarising competitor information</span></li>
<li><span style="font-weight: 400;">Integration with Analytics Tools &#8211; Integrating ChatGPT with analytics tools can improve data interpretation and reporting</span></li>
</ul>
<p>&nbsp;</p>
<h2><b>ChatGPT and SEO</b></h2>
<p>This AI-driven tool, with its sophisticated understanding of <strong>natural language processing</strong>, has revolutionised the approach to keyword research, content creation, and on-page SEO optimisations.</p>
<p>ChatGPT has a unique blend of creativity and analytical capabilities that allows SEO experts to create content that resonates with both search engines and human readers. The tool&#8217;s ability to generate human-like text while integrating <a href="https://no-black-box-seo.de/en/blog/onpage-seo/seo-growth-strategy-in-7-steps/">SEO strategies</a> ensures that the content can rank very well in search results (SERPs).</p>
<p>ChatGPT&#8217;s deep learning algorithms can analyse search trends and provide insights that help tailor content to audience needs. This shift to AI-powered SEO tools emphasises a more nuanced and user-centric approach where the goal is not just to rank higher, but to provide real <strong>value to readers</strong>.</p>
<p>The intersection of AI like <strong>ChatGPT and SEO</strong> will redefine the boundaries of digital marketing, making it an exciting time for marketers and SEO strategists. The <strong>SEO revolution with ChatGPT</strong> is just the beginning of a transformative journey into the digital world.</p>
<p>&nbsp;</p>
<h2>Ethical Considerations for Using ChatGPT and Potential Risks</h2>
<p>In the field of artificial intelligence, ChatGPT stands out as a transformative tool that navigates a complex web of ethical considerations and potential risks. The focus is on using this technology responsibly.</p>
<p>Data protection concerns are particularly important when processing and storing user data. It is important and crucial to ensure that personal information is secure and not misused.</p>
<p>Another significant ethical challenge is the potential <strong>misuse of ChatGPT</strong> to generate misleading information or <strong>“deepfakes&#8221;</strong>,  which could have serious implications for areas such as education and politics. This requires robust mechanisms to verify the authenticity and integrity of information. Open AI suggests that it is imperative to navigate the ethical landscape. Transparency, accountability and the well-being of society must be guaranteed.</p>
<p><img decoding="async" class="alignnone wp-image-3692" src="https://no-black-box-seo.de/wp-content/uploads/2024/01/was-ist-chatgpt-open-ai.webp" alt="" width="502" height="334" /></p>
<h2><b>ChatGPT&#8217;s Contribution to the Evolution of Machine Learning</b></h2>
<p><span style="font-weight: 400;">Built on the GPT architecture ChatGPT represents a substantial advancement in <strong>Natural Language Processing (NLP)</strong>. It has improved the way AI systems understand, interpret and generate human language. </span></p>
<p>ChatGPT is known for using a wide range of Internet texts that cover many topics and types of communication. This extensive training (which is larger than ever before) has pushed the boundaries of what we could each achieve with machine learning.</p>
<p><span style="font-weight: 400;">ChatGPT incorporates user feedback into its learning process allowing for continuous improvement and adaptation. This approach to learning where the model evolves based on real-world use and feedback is a significant shift from traditional static machine learning models.</span></p>
<p><span style="font-weight: 400;">Unlike its predecessors ChatGPT can remember and reference previous parts of a conversation allowing for more <strong>context-aware interactions</strong>. This ability to maintain context over a series of exchanges is a significant step towards more human-like AI conversations.</span></p>
<p>&nbsp;</p>
<h2>ChatGPT and the Future of Digital Interaction</h2>
<p><span style="font-weight: 400;">The future of digital interaction is being reshaped by ChatGPT where OpenAI is creating a more engaging and interactive digital experience. </span></p>
<p><span style="font-weight: 400;">What makes ChatGPT truly revolutionary is its adaptability &#8211; learning from each interaction to provide even more refined and relevant responses over time. This ongoing learning process is paving the way for <strong>smarter AI assistants</strong> capable of handling complex tasks and providing informed and context-aware assistance. </span></p>
<p><span style="font-weight: 400;">ChatGPT continues to evolve: it promises to further blur the lines between human and machine leading us towards a future where digital interactions are as natural as face-to-face conversations. The impact of ChatGPT goes over and beyond: it&#8217;s about creating a digital environment that is more intuitive, accessible and user-friendly.</span></p>
<p>The potential for companies to use this technology is enormous and offers new opportunities to connect with customers. ChatGPT is not just an advance in AI – it is a leap into a future that integrates digital interaction.</p>
<p>&nbsp;</p>
<h2>Summery</h2>
<p><span style="font-weight: 400;">ChatGPT, developed by OpenAI, is an advanced AI chatbot that excels in human-like interactions. OpenAI, a leader in AI research, created ChatGPT using GPT-3 a Large Language Model (LLM) known for its exceptional language processing abilities. ChatGPT&#8217;s diverse capabilities include engaging in detailed conversations, creative and educational assistance, technical support, and online research. It plays a pivotal role in sectors like customer service and content creation. </span></p>
<p><span style="font-weight: 400;">The tool&#8217;s integration into <strong>digital marketing and SEO</strong> has revolutionized these fields while also raising important ethical considerations regarding privacy and information integrity. ChatGPT&#8217;s continuous evolution is shaping the future of digital interaction making AI more intuitive and user-friendly.</span></p>
<p>&nbsp;</p>
<h2>FAQ</h2>
<h3><b>What&#8217;s the difference between ChatGPT-3.5 and ChatGPT-4?</b></h3>
<p><span style="font-weight: 400;">ChatGPT 3.5 is free and accessible by registering with OpenAI. The more advanced ChatGPT 4 is available under the ChatGPT Plus subscription offering priority access even during peak times. ChatGPT 4 is trained on a broader and more recent dataset providing updated information and deeper insights across various topics. It stands out as a multimodal model capable of processing text and images which enhances its interactive abilities.</span></p>
<h3>How much does ChatGPT 4 cost?</h3>
<p><span style="font-weight: 400;">The cost of ChatGPT 4 (or ChatGPT Plus) varies and is subject to change. It was priced at $20 per month but for current pricing it&#8217;s best to check OpenAI&#8217;s official website.</span></p>
<h3>How is ChatGPT different from a traditional chatbot?</h3>
<p><span style="font-weight: 400;">Unlike traditional chatbots, ChatGPT is more advanced in natural language processing allowing for more fluid and contextually relevant conversations. It can handle complex queries and generate more human-like responses.</span></p>
<h3>What is the difference between ChatGPT and Google?</h3>
<p><span style="font-weight: 400;">ChatGPT is a language model developed by OpenAI focused on generating and understanding text. Google on the other hand is a multinational technology company with a broad range of products and services including search engines, cloud computing and various AI technologies.</span></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Google Ads Changes (review process)</title>
		<link>https://no-black-box-seo.de/en/blog/sea/google-ads-changes/</link>
		
		<dc:creator><![CDATA[Vladimir Milivojevic]]></dc:creator>
		<pubDate>Sun, 06 Mar 2022 20:00:05 +0000</pubDate>
				<category><![CDATA[SEA]]></category>
		<category><![CDATA[Development]]></category>
		<guid isPermaLink="false">https://no-black-box-seo.de/uncategorized/changes-in-google-ads/</guid>

					<description><![CDATA[A big part of Google’s dominance in the industry is it’s innovative approach and the desire to be the frontrunners in the market. It’s almost always that others have to adapt to the way Google plays the game, instead of Google keeping up with the trends that others set. A major part of that is the constant update regarding their policies that shape the marketing business for the foreseeable future.]]></description>
										<content:encoded><![CDATA[<p>But as Google always likes to point out, if you stay informed and run your business in accordance with their best practices you won’t have to worry about anything. This March (2022) update regarding changes to <a href="https://no-black-box-seo.de/en/sea/">Google ads</a> review process will also set a standard for the way we verify and run ads on search engines. So what are these latest Google ads changes about?</p>
<p>In order to have advertisements on your website you need to set up your google ads account. Since they are big on transparency, you will be asked to verify your name which will from then on be displayed on all ad campaigns you run. The newly implemented Google ads changes want to guarantee full disclosure, so users know who stands behind all the ads that might get displayed. This should in turn generate trust among users since it will provide them with relevant information. All the additional data should ease the decision processes of clicking on an ad or banning a particular advertisement or advertiser.</p>
<p>Ad Google settings will allow the user to personalize their ad experience. But not everyone is aware of that, or knows how to control the ads they see even. So it is up to Google to take care of it’s users through Google ads changes and policy updates like these. Otherwise some advertisers with a lack of ethics would run rampant. So it is both up to users, advertisers and ad platforms to regulate the internet commercials. Since advertising brings in most of Google’s income, they are not going to leave things up to chance, but make strategic and thought out Google ads changes. These recent updates are how they plan to do it!</p>
<p>&nbsp;</p>
<h2>Google ads changes what is that?</h2>
<p>Well, there are some tweaks going on on a weekly basis and you can stay in touch with everything here by following new features and announcements. But not all updates coming to life with these Google ads changes may concern you. These latest updates regarding the use of Google adword are related to its verification processes. In fact, Google has decided to combine it’s advertiser identity verification and business verification processes into a single one. These Google ads changes will try to make things simple and it just made sense from a project standpoint. One thing that did not change with this Google ads changes update, besides the google ads editor staying free, is that you will get notified about the verification process via email. After you receive this note, you have a 30 day window to begin your process, and an additional 30 days to complete all the steps.</p>
<p>While you have basically one month to complete the verification, Google has given itself a vague deadline of covering all advertisers in the next few years. As usual, they will start with the US and expand to other markets from there. So these new timeframes and enforcement actions are the ones being unified for the review process that advertisers have to go through. In case it’s still unclear to you, I’d suggest visiting the <a href="https://support.google.com/google-ads/search?q=identity+verification&amp;from_promoted_search=true&amp;count=16" target="_blank" rel="noopener">Google ads support page</a> and reading everything for yourself. But if you are just concerned with identity verification and what is google ads changes in regard to your responsibility as the advertiser, scroll down because we summarized the relevant stuff.</p>
<p>&nbsp;</p>
<h2>Advertiser identity</h2>
<p>The most important thing to know is that advertiser identity verification and business verification processes are now harmonized. You don’t have to do separate verifications anymore. So how did the Google ads changes solve the areas where these two don’t overlap? By introducing additional verification for certain things, and addressing certain businesses first. Let’s see who will be hit by this rollout in the first wave:</p>
<ul>
<li>Information sensitive industries (health, education, financial advice, charity organizations, etc.)</li>
<li>Product placement &amp; promotion of goods and services (travel, retail, technology, B2B, entertainment, etc.)</li>
<li>Promotion of industries that require additional regulations (gambling, financial products &amp; services, healthcare products, CBD, firearms, etc.)</li>
</ul>
<p>So if you are an advertiser who wants to promote content in one of the industries listed above, you will be prioritized by Google. But other industries will follow eventually so this is how you will prove your identity.</p>
<p>The latest Google ads changes document says that an authorized representative has to fill out the documentation and submit it within 30 days. If more verification is necessary, an additional 30 day period will be provided to you. If you don’t do this in time, your account will be paused. In case you fail to complete the verification numerous times your account will also get paused, but not suspended.</p>
<p>Your account will be paused immediately if:</p>
<ul>
<li>Your ads violate the google ads advertising policies that include (Misleading Representation, Unsubstantiated Claims, Fundraising, Coordinated Deceptive Practices, Unidentified Company)</li>
<li>Yor ads affect users physically or financially (misleading ad content, promoting under false pretenses, unauthorized customer support on behalf of a third party)</li>
<li>You attempt to bypass the verification process</li>
<li>You have an unclear identity or advertising behavior</li>
</ul>
<p>To see what documentation is accepted and required, check your <a href="https://support.google.com/adspolicy/answer/9872280?co=GENIE.CountryCode%3DGermany" target="_blank" rel="noopener">region</a> on this official website with advertisement google policies. After advertisers get verified, these information about their campaigns will be available for the public according to Google ads changes compliance:</p>
<ul>
<li>Advertiser name change history</li>
<li>Dates and locations ads served</li>
<li>Removed ads or accounts suspended for legal or policy reasons</li>
<li>Business contact information</li>
</ul>
<p>Personal contact information, phone numbers, or email addresses will not be published!</p>
<p>&nbsp;</p>
<h2>Verification of business operations</h2>
<p>If you are a business, you will have to answer some straightforward questions. Obviously, what industry you are in plays the most important role. We listed the ones that will be prioritized by the Google ads changes in the previous section, but certain advertisers will need additional verification if they promote content for industries that require more local or state regulation. To no surprise, those are Games and Gambling, Healthcare and medicines, Financial product or services, CBD and tobacco, Firearms, etc. Once you prove you have all the licensing and meet the government requirements, you may have to complete some extra identity checks. Google would never allow illegitimate advertisers to promote content associated with these industries, so make sure you follow the rules and timeline if you want to stay in business after these latest Google ads changes.</p>
<h3>So what else does Google want from you?</h3>
<p>Well your billing country for starters. This takes care of the use of unauthorized cards and payment. Certain countries are only allowed specific billing methods and the currency can be different. But these can be changed manually through your Ads account.</p>
<p>Another aspect of the coming Google ads changes is them asking you whether you are a direct or a third party business provider. Gambling affiliates who are indirect providers for the I-gaming industry, may require licensing in some US states, so Google may also ask for additional verification and paperwork to prove you are legitimate. Try and bypass this and you might be hit with a warning first, or even a suspension.</p>
<p>Another area that will require additional verification as stated by the Google ads changes is accessing advanced ad formats and features. For unlocking HTML5 ads and Local Services ads you may not need just additional verification steps. You will also have to meet some requirements that include a clean history of policy compliance and a certain amount of money spent on ads so far ($9000 for HTML display ads). The local ads simply have to comply with local laws and age restrictions.</p>
<p>This all may seem like a bunch of extra steps implemented by the Google ads changes, but this was all introduced in order to minimize the administrative effort needed to get verified and to standardize the process on a larger scale.</p>
<p>&nbsp;</p>
<h2>Advertiser responsibility</h2>
<p>We already mentioned that trying to be vague or bypassing the requirements will not be condoned by Google. You risk getting your account paused, or a warning that may lead to a suspension if that happens more than once. In no circumstances should you try and manipulate the text, image, videos, domain, or subdomains to try and out-trick as it won’t pay off. This is something Google prides on and they constantly make their Google ads changes to close down even the smallest loophole possible.</p>
<p>People have tried to play smart before and misspell certain keywords to bypass the ad restrictions. Used imagery that resembles the trademarked content just enough, but it never works in the long run. You may get away with it at the moment, but once it gets flagged, your entire account and all ads linked to it will get suspended. So if you are working for numerous clients, have in mind that a penalty or policy violation may result in losing all ads and all the clients.</p>
<p>If you do get a warning, you have 7 days before the suspension happens. If you get caught once, don’t try and think you’ll outsmart them again. This is a clear signal to you that you should play everything by the book. If you didn&#8217;t know you did something wrong, don&#8217;t worry, the alert will let you know. After that, you can examine your ads to fix or completely remove the sensitive content.</p>
<p>We read the Google ads changes file and it states that you as an advertiser have the responsibility to:</p>
<ul>
<li>Avoid use of malware or software that is not transparent about it’s functionality</li>
<li>Try not to oversaturate and create a monopoly by dumping money into ads to rank for all the same and important keywords</li>
<li>Not use evasive ad content</li>
<li>Do not attempt to circumvent the system (have different ads to google bots and users known as cloaking, provide false information, create new accounts after a violation, or use techniques in an attempt to obfuscate content)</li>
<li>Always follow the webmaster guidelines</li>
</ul>
<p>In summation of these Google ads changes, we have to agree that the guidelines are pretty clear. The policies should be followed like 10 commandments written in stone by the big Google God in the world wide web around us, except they wrote them in a much more accessible format. And make no mistake, the punishments can have Biblical proportions if you don’t play by their rules. With this metaphor, we just want to show you that if you don&#8217;t prepare well for the new unified review process, you will lose. This time Google tried to make things easy for us digital advertisers, we should consider ourselves lucky that this update will make the ad review process faster as most work will be done while we verify our accounts.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>JavaScript</title>
		<link>https://no-black-box-seo.de/en/blog/development/javascript/</link>
		
		<dc:creator><![CDATA[Vladimir Milivojevic]]></dc:creator>
		<pubDate>Thu, 23 Sep 2021 13:10:41 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Technical SEO]]></category>
		<guid isPermaLink="false">https://no-black-box-seo.de/uncategorized/javascript/</guid>

					<description><![CDATA[What is JavaScript? In terms of the definition, it is a programming language. One of three major ones used for websites on the World Wide Web. It is present in over 97% of today’s websites, but what is it’s usage?]]></description>
										<content:encoded><![CDATA[<p>Well, instead of having a static HTML page, JS interacts with the user and is focused on the client side for web page behavior. This is it’s main purpose and the reason for it’s dominant use.</p>
<p>JS devs are very sought after in today’s job market. Building websites is essential in running almost every business in today’s society. It is hard to learn JavaScript? Not really, if you put in the required amount of time and effort harder things can be achieved. The key here is reaching the programming state of mind. Once you wire your brain to think like a programmer, you will find out that it’s one of the easiest programming languages for beginners. It’s popularity is very much owed to its simplicity. So if you are looking to learn more about this, or you are considering a career as a web developer, stick around and read more.</p>
<p>&nbsp;</p>
<h2>JavaScript and HTML</h2>
<p>You can build a website using just HTML. However, the bond that the JavaScript HTML duo create together enables interactivity on all websites. If you apply JS to an HTML document it will make the page dynamic and allow users to use modern day web apps that don’t need to be reloaded every time a user wants to interact with the web page. This can be used as an advantage for direct interaction for dynamic content changes, image manipulation and form validation.</p>
<p>JavaScript enables dynamic interactivity on websites when it is applied to an HTML document with JS. JS helps the users to build modern web applications to interact directly without reloading the page every time. This takes the load off the server, giving in return fast load times and swift results. We will address faster load times and how you can ease this for the server in another passage in this text. The obvious issue here is that the lag makes the users ‘bounce’ or leave the site.</p>
<p><img decoding="async" class="size-medium wp-image-3111 aligncenter" src="https://no-black-box-seo.de/wp-content/uploads/2022/02/mobile-page-speed-load-time-202202-300x212.webp" alt="" width="300" height="212" srcset="https://no-black-box-seo.de/wp-content/uploads/2022/02/mobile-page-speed-load-time-202202-300x212.webp 300w, https://no-black-box-seo.de/wp-content/uploads/2022/02/mobile-page-speed-load-time-202202-768x542.webp 768w, https://no-black-box-seo.de/wp-content/uploads/2022/02/mobile-page-speed-load-time-202202.webp 831w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>Source: https://storage.googleapis.com/twg-content/original_images/mobile-page-speed-new-industry-benchmarks-01-01-download.jpg</p>
<p>&nbsp;</p>
<h2>JavaScript functions</h2>
<p>JavaScript functions are so-called Code Constructor Properties. Others include the object, array string, boolean, etc. and many will be explained in more detail further in the text. But for now, let’s look at the JavaScript function which is a block of code that can be named, and executed numerous times throughout the code. You define it by giving it a name, and the best practice here is to use a keyword that relates to the JS code that you want to execute. This is not to be confused with js fn, which is not an acronym, In fact fn refers to a jquery prototype. Jquery is a library that you can extend with your own functions to simplify many things while you code js.</p>
<p>One of the functions that came as a result of best practice, was to use JavaScript parseInt to convert string to a int primitive instead of Integer ​(String s) for example. You can define two separate parameters using this syntax: parseInt (string, radix)</p>
<ul>
<li>string &#8211; this represents the value to be parsed. If the value is not a string, it will be converted to one using the ToString abstraction method.</li>
<li>radix &#8211; this represents what numeral system you want to be used. This can be a value between 1 and 55. Although it is optional, the recommended thing to do is to define a radix (base value) to avoid any confusion or possible warnings from the code. A radix value of 10 is commonly used (from 0 to 9).</li>
</ul>
<p>&nbsp;</p>
<h2>JSON and JavaScript</h2>
<p>Another helpful asset that you can utilize is JSON. It is a programming language and the acronym JSON stands for JavaScript Object Notation. The object notation syntax that it uses is derived from JavaScript. Usually, these objects consist of attribute-value pairs and arrays. Let’s take a look at an example:</p>
<p>{</p>
<p>&#8220;musicians&#8221;:[</p>
<p>{&#8220;firstName&#8221;:&#8221;Freddie&#8221;, &#8220;lastName&#8221;:&#8221;Mercury&#8221;},</p>
<p>{&#8220;firstName&#8221;:&#8221;Stevie&#8221;, &#8220;lastName&#8221;:&#8221;Wonder&#8221;},</p>
<p>{&#8220;firstName&#8221;:&#8221;Eric&#8221;, &#8220;lastName&#8221;:&#8221;Clapton&#8221;}]</p>
<p>}</p>
<p>The code (that is used for JSON format) is identical to the syntax of the code one would use for creating JavaScript objects. That makes it easy for a JS program to convert any code written in JSON. JS even has a built-in function to convert this JavaScript string into an object. That is why the primary use of JavaScript JSON is to store and transport data. Most often it involves sending data to a web page from a server.</p>
<p>&nbsp;</p>
<h2>JavaScript RegEx</h2>
<p>Another form of object that can be found in this programming language is the JavaScript RegEx. It stands for regular expression and it consists of patterns. Those patterns are used to match character combinations in strings. A RegExp can either be constant, or new. If the latter is the case, the new RegExp will be formed based on the user input.</p>
<p>Constant:        let re = /ab+c/;<br />
New:                let re = new RegExp(&#8216;ab+c&#8217;);</p>
<p>Unlike objects, JavaScript classes exist, but are not actually needed. Since JS is prototype-based and you can extend any object property. Until 2015, the practice was to use constructor functions to mimic object-oriented design patterns that are a staple in other programming languages.</p>
<p>After a new version of JS called ES6 came to be, the update brought the function of javascript class to the language. In terms of functionality, it was something that made the syntax much cleaner and more similar to other prominent script languages, which in turn makes the job easier for developers who need to move between languages. Perhaps the introduction of the JS class seemed like a very small step, but it was a big help and made coding more consistent and straightforward for all web developers.</p>
<p>Besides interacting with other programming languages, there are also APIs that provide utilities to JS. A method called JavaScript fetch uses the The Fetch API. This interface is used for manipulating, and accessing first and foremost, parts of the HTTP pipeline, such as requests and responses.</p>
<p>&nbsp;</p>
<h2>Is JavaScript bad for SEO?</h2>
<p>If you are just using JS to enhance some visuals, you don’t have to worry about the JavaScript for SEO. And if all the content of a webpage can exist without JS it won’t impact your site in any shape or form. Nevertheless, there are now many JavaScript websites that use JS to dynamically load and display more content on your pages (clicking on ‘read more’ for example). You can use a simple GET request together with JS to access website data and provide infinite scroll.</p>
<p>It may be that additional content is critical to your site and you want to add it by having the user scroll or click to view more content. You should know that only the visible content (without user clicking to see more or scrolling) will be indexed in the first wave of indexing. But for the rest of that content to be indexed as well, we will have to wait for rendering.</p>
<p>If your important content is not indexed, it won’t be discoverable via search. And if this content contains the additional content and internal links, you should take all necessary steps to have this content crawled and indexed by Google bots.</p>
<p>Web apps that rely heavily on the React library may not need any optimization at all, as it is not a design goal of React (realtime chat apps, social media apps). However, many React Web Apps that rely on content like e-commerce pages or blogs do require <a href="https://no-black-box-seo.de/en/technical-seo/">search engine optimization</a>. So if you want to rank better you should look into ReactJS SEO best practices and tips in order to set up your page so it’s good for both users and SEO.</p>
<p>&nbsp;</p>
<h2>How Googlebot processes JavaScript?</h2>
<p>The crawling starts as usual when the Crawler sends GET requests to the server which in turn responds with all the building blocks of the page. You have two options to embed the JS code on your website. Either put the code inside a script element inside an HTML document, or, use an external JavaScript file.</p>
<p><img loading="lazy" decoding="async" class=" wp-image-3113 aligncenter" src="https://no-black-box-seo.de/wp-content/uploads/2022/02/how-googlebot-processes-javascript-202202-300x237.webp" alt="" width="341" height="269" srcset="https://no-black-box-seo.de/wp-content/uploads/2022/02/how-googlebot-processes-javascript-202202-300x237.webp 300w, https://no-black-box-seo.de/wp-content/uploads/2022/02/how-googlebot-processes-javascript-202202-768x606.webp 768w, https://no-black-box-seo.de/wp-content/uploads/2022/02/how-googlebot-processes-javascript-202202.webp 984w" sizes="auto, (max-width: 341px) 100vw, 341px" /></p>
<p>Source: https://seranking.com/blog/css-and-javascript-seo/</p>
<p>If we don’t have a JS file and opt for code within the page, we can make changes to the content by an onclick property. This is often done by using DOM (document object model) in order to manipulate its elements. What DOM does is organize a document like a logical tree that branches out. You can access each branch of the HTML DOM and alter it with DOM Javascript. When this is rendered it will show the output in the browser.</p>
<p>You have the option to use the same JavaScript on multiple pages and avoid writing the same script over and over again. Choose option one (embed JavaScript file in HTML) or two (external JavaScript file) depending on your needs. It is important to use best practices here as it will help with crawling and rendering immensely. Having a file with the same code will allow this content to be cached. As a result, the user gets the content faster and the data load is transferred from the server to the user through cached resources.</p>
<p>So, let’s say Googlebot comes across your JS file, it will then download it. The next step for it is to parse, compile and execute JS by using the Google Web Rendering Service (WRS). WRS fetches all the databases from many external APIs you used. Then the indexer actually indexes the content. If Google discovers new links in this content, it will add them to the crawling que and the cycle continues.</p>
<p>If we don’t have JS, Google runs through all the HTMLs without the extra rendering stage. This stage is expensive so we should always separate indexing and rendering to speed things up. Contents that don&#8217;t require JS as fast are indexed first. This means it may take longer for the JS content to update. Because of this, it&#8217;s important to optimize a website like this, as not everything might be indexed during a given crawl period.</p>
<p>&nbsp;</p>
<h2>Server-Side Rendering</h2>
<p>So while crawling and indexing of the normal content is done immediately, the JS file that needs to be executed and rendered is getting indexed in the second wave of indexing. If you have some important content in it and you want your updates to appear immediately in the SERPs (price changes for an e-commerce site), then you shouldn&#8217;t wait for the second wave of indexing to crash. The solution would be pre-rendering or server-side rendering (SSR).</p>
<p>SSR is the ability to display the web-page entirely on the server instead of rendering it in the browser. The client receives a fully rendered page by the server, then the JavaScript bundle takes over and a SPA framework (like React which we mentioned previously) can operate.</p>
<p>&nbsp;</p>
<h2>SSR and Vue.js</h2>
<p>Besides the time delay when it comes to indexing, there are other possible pitfalls that you can avoid by SSR. One of them is Google bot crawl skipping some resources or inability to fully render the webpage. This is where we recommend Vue.js as Vue.js is one of the most popular JS frameworks. Besides an active community of users, established systems of developers, tool kit and extensive documentation vue.je and SSR can bring it fast up to date.</p>
<p>If you use Vue-JS server side rendering the crawlers will be able to see the full page immediately. In this way you avoid the waiting time or risk that your page will not be indexed at all. The decision here is to know the difference between needing prerendering or SSR. You should consider which of your pages need to be displayed immediately. If it’s something smaller like the about us or contact page prerendering will do. Don’t go for SSR if you expect a lot of traffic and your server can’t handle that without additional load time as you risk an increased bounce rate.</p>
<p>&nbsp;</p>
<h2>Summary</h2>
<p>JS on it’s own is not bad for SEO. Anything that can improve the user experience, like fast interactivity with the website or faster loading time, is definitely something that sends a positive signal to Google. However, you have to be really mindful of indexing, before you decide to implement a lot of JS to your pages. Choose wisely between prerendering or SSR. There is no one size fits all solution and it all depends on how you value faster indexing or loading for your users.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
